오진수 · 포트폴리오 · 6일 전

두께를 가진 선분들이 교차하는 경우 외곽선 렌더링

Rendering the Outline of Intersecting Thick Line Segments

Playable Demo 👇

클릭해서 선분을 그려보세요.

개발 배경

회사에서 사용하는 평면도는 실제로 이렇게 생겼습니다.

방을 구분해 주는 가벽을 자세히 보세요. 검은색 외곽선과 회색 바탕선을 가진 두꺼운 선분입니다. 100m 두께죠. 하지만 선분들이 서로 교차하는 지점에서는 외곽선으로 구분되어 있지 않고 연결되어 있습니다.

웹 기반으로 이러한 도면을 그릴 수 있어야 했습니다. 그렇기 때문에 두께를 가진 선분들이 교차하는 경우 외곽선을 보시는 가벽처럼 끊김없이 렌더링할 수 있어야 됐죠.

댓글 0개

포트폴리오 카테고리 다른 글

오진수 · 2월 8일
Makernote - 블로그로 만들어지는 심플한 메모 앱 Makernote 블로그로 만들어지는 심플한 메모 앱 블로그까지 운영하지는 않지만 메모는 매일 합니다. 사라지는 메모가 아까워 앱을 만들었습니다. 기본적인 메모 기능에 충실하되 발행 버튼을 누르면 쉽게 블로그 글로 남겨지도록 했습니다. 가장 좋은 용례는 이동 중 또는 업무 중에 아
오진수 · 2024년 3월 17일
굿테리어 - 인테리어 업체 홈페이지 굿테리어는 상업 인테리어 전문 업체입니다. 인테리어 업체 홈페이지를 기획하고 개발했습니다. 요구 사항 분석 인테리어 업체 홈페이지는 크게 두 가지 역할을 합니다. 검색 엔진에서 노출됨으로써 새로운 고객을 유치 할 수 있는 채널로서 역할 각기 다른 채널에서 고객을 만났을 때 신뢰도를
오진수 · 2023년 5월 17일
햇살마켓 - 아파트 장터 배달 서비스 햇살마켓 아파트 장터에서 사용하는 배달 어플입니다.
오진수 · 2022년 2월 13일
보고보고 - 연극 및 뮤지컬 커뮤니티 앱 보고보고는 연극 및 뮤지컬 커뮤니티 앱입니다. 프론트엔드 개발자 를 맡았습니다. 2020년 10월 군대를 전역하고 본격적으로 프로그래밍을 시작했고, 앱 개발에 손을 대자마자 시작한 팀 프로젝트입니다. 2021년 2월 개학하기 몇 주 전 교내 에브리타임 홍보물을 보고 지원했습니다.