여둘까 Office Layout 13

여둘까 Office Layout 바로가기 ↗

이 글은 여둘까 Office Layout 시리즈의 14번째 기록입니다. (총 18개)

오늘 한 일

구조 프리셋에 방 추가
- 벽 네 면을 각각 켜고 끌 수 있다. 끈 면은 투명해지고, 두께는 mm로 지정한다
- 이유: 사무실 한 칸을 표시하려면 벽이 필요한데, 실제 도면에는 한두 면만 벽이고 나머지는 트인 공간인 경우가 많다
- 새로 놓은 방은 자동으로 맨 뒤로 보낸다 — 바닥 역할이라 기존 배치를 덮으면 안 된다
- 면적을 가운데에 자동 표시(켜고 끌 수 있음). 보이는 벽 안쪽 기준이라 실제로 쓸 수 있는 넓이가 나온다
- 면적 숫자는 가구에 가리지 않도록 별도 레이어에 그리고, 겹치면 끌어서 벽 쪽으로 옮길 수 있다
도형 위 이름 표시를 켜고 끄는 체크 추가
- 이유: 배치가 빽빽해지면 이름 글자가 도형을 덮어 오히려 안 보인다. 이름은 남기고 화면에서만 감추고 싶을 때가 있다
텍스트 주석에 줄바꿈 입력 지원
- 한 줄만 받던 입력창을 여러 줄 입력 상자로 바꿨다(Ctrl+Enter로 확정)
배치도 파일을 창에 끌어다 놓아 열 수 있게 함
- 이유: 파일 메뉴를 거치지 않고 바로 열고 싶다는 문의가 있었다
- 팔레트에서 가구를 끌어다 놓는 동작과 겹치지 않게, 진짜 파일일 때만 가로챈다
배치도 파일 아이콘 제작
- 탐색기에서 알아볼 수 있게 여둘까 마크를 잘라 아이콘으로 만들었다
- 확장자 연결은 쓰는 사람 PC 설정이라 저장소에는 아이콘만 두었다
면적의 평 표기를 소수 둘째 자리까지 늘림

막힌 부분

회전을 반복하면 배치가 조금씩 풀린다

그룹을 여러 번 돌리다 보면 도형 사이 간격과 각도가 미세하게 어긋났다. 되돌리기를 하면 더 티가 났다. 원인이 두 겹이었다.

첫째, 회전값을 정수로 반올림해 저장하고 있었다. 화면의 실제 각도와 최대 0.5도가 어긋난 채 기록되고, 되돌리기처럼 기록에서 다시 그릴 때 그 어긋남이 그대로 화면이 된다. 여러 번 반복하면 쌓인다.

둘째, 캔버스 라이브러리가 변형을 끝낼 때 배율에 아주 작은 찌꺼기를 남긴다. 회전만 해도 1이 아니라 1.0000001 같은 값이 남아, 회전을 거듭할수록 크기가 야금야금 변한다.

해결: 회전값은 반올림하지 않고 그대로 저장하고(속성 패널에 보일 때만 반올림), 크기 변경이 아닌 변형 뒤에는 배율을 정확히 1로 되돌린다

회전한 뒤 되돌리면 반전해 둔 도형이 엉뚱한 축으로 뒤집힌다

반전해서 쓰던 보조책상을 그룹으로 묶어 돌리고 되돌리기를 하면, 위아래가 뒤집힌 채로 돌아왔다. 반전을 안 한 출입문은 멀쩡해서 한참 헤맸다.

캔버스 라이브러리는 변형이 끝나면 변환 행렬을 다시 분해해 도형 속성을 덮어쓴다. 이때 가로 배율은 항상 양수로 맞추고 거울 반전은 세로 배율 쪽으로 몰아넣으며, 그만큼 회전값을 보정한다. 좌우반전 + 0도였던 것이 상하반전 + 180도로 표현이 바뀌는 식이다. 화면에 보이는 모습은 같아서 그 순간에는 아무 문제가 없다.

문제는 우리가 회전값만 기록하고 반전 방향은 예전 값을 그대로 두었다는 것이다. 새 회전값과 옛 반전 방향이 섞이니, 기록에서 다시 그리는 순간 다른 그림이 됐다.

해결: 변형이 끝나면 회전과 함께 배율 부호도 읽어와 기록한다
남은 교훈: 라이브러리가 도형 속성을 고쳐 쓸 수 있다면, 우리 기록도 그 결과를 통째로 받아 적어야 한다

방의 벽을 네 면 다 껐는데 위쪽에만 외곽선이 남았다
- 원인: 선택 표시가 도형의 첫 번째 몸통에만 테두리를 칠하는데, 방은 벽 네 개가 모두 몸통이라 위쪽 벽만 집혔다
- 해결: 방은 테두리 칠 대신 바깥 사각형 외곽선으로만 선택을 표시한다. 속을 채우면 안에 놓은 물건이 가려져서 외곽선으로 갔다
여러 줄 텍스트의 색을 바꾸면 줄바꿈이 사라졌다
- 원인: 속성 패널에서 뭔가 바꿀 때마다 이름칸 값을 다시 기록했는데, 한 줄짜리 입력칸은 값을 넣는 순간 줄바꿈을 지운다
- 해결: 텍스트는 이름칸을 읽지 않고 입력 상자에서만 내용을 고친다

다음에 할 일

평면도 이미지·PDF도 끌어다 놓아 열리게 할지 결정
배치도 파일 더블클릭으로 여둘까가 열리게 하는 것은 보류 — 브라우저에 앱으로 설치해야만 가능해서, 필요해지면 그때 검토

Series: 여둘까 Office Layout