Skip to content

Releases: cherub8128/white-board

Pi Pen v1.0.9 — 전자칠판 최적화, 팜 지우개 수정

Choose a tag to compare

@cherub8128 cherub8128 released this 04 Sep 07:24

전자칠판에서 쓸 때 느껴지던 버벅임과 지연을 없애고, 팜 지우개가 동작하지 않던 문제를 고쳤습니다.

툴바 드래그가 부르르 떨리던 문제

손가락이 움직일 때마다 툴바 창 자체를 옮기고 있었습니다. 창 이동이 입력보다 늦게 반영되면서 위치가 앞뒤로 튀었습니다. 이벤트가 촘촘한 터치에서 특히 심했습니다. 이제 드래그를 시작하면 창을 한 번만 키우고 그 안에서만 움직입니다.

펜 지연과 지터

확정된 그림과 그리는 중인 획을 매 프레임 다시 합성하던 것을 두 레이어로 나눴습니다. 확정된 그림은 획이 끝날 때만 그리고, 그리는 중인 획은 새로 늘어난 구간만 이어 그립니다.

필기하면 뒤 화면의 애니메이션이 멈추던 문제

매 프레임 전체 화면을 다시 합성하던 것과, 툴바를 맨 위로 올리는 작업이 2초마다 돌던 것이 원인이었습니다. 이제 필기 중에는 화면 캡처와 z-order 보정을 쉬게 합니다. 뒤 화면이 계속 움직이는 상태에서 필기할 수 있습니다.

손바닥 지우개

적외선 방식 전자칠판은 접촉 크기를 보고하지 않고, 아무 물체나 펜으로 인식해 스타일러스도 구분되지 않습니다. 그래서 팜 지우개가 조건을 만족하지 못하고 있었습니다. 이제 동시에 그리고 서로 붙어서 닿은 접점을 손 하나의 동작으로 보고 지우개로 바꿉니다. 손바닥이나 두 손가락으로 문지르면 지워집니다.

여러 사람이 동시에 필기하는 경우와는 접점 사이의 거리로 구분합니다. 멀찍이 떨어져 닿은 접점은 각자 따로 그리는 획으로 그대로 둡니다.


  • PiPen-Setup-1.0.9.exe — 설치판
  • PiPen-Portable-1.0.9.exe — 무설치 포터블
  • PiPen-1.0.9-win.zip — 압축본

v1.0.8 — 자동 대비 펜

Choose a tag to compare

@cherub8128 cherub8128 released this 03 Sep 12:36

자동 대비 펜 (새 기능)

색상 메뉴에 자동 대비를 추가했습니다. 아래 화면의 색을 읽어 반전색으로 그립니다.
흰 슬라이드에서는 어둡게, 검은 영상 위에서는 밝게 — 색을 바꿔가며 쓸 필요가 없습니다.

  • 투명 창은 아래 화면과 직접 블렌딩할 수 없어서, 화면을 320px 로 축소해 찍어두고
    획이 지나는 지점의 색(3×3 평균)을 읽어 반전색을 씁니다
  • 반전색이 배경과 밝기 차가 거의 없는 회색 계열이면 검정/흰색으로 밀어내 대비를 보장합니다
  • 획 중간에 배경이 바뀌면 그 지점부터 색이 따라 바뀝니다
  • 사용 중에는 1.5초마다 화면을 다시 읽어 슬라이드가 넘어가도 따라갑니다

함께 고친 것

v1.0.7 에서 툴바 z-order 유지를 위해 오버레이 창에 넣었던 focusable:false 옵션을 되돌렸습니다.
이 옵션이 켜지면 오버레이가 포인터 입력을 전혀 받지 못해 그림이 안 그려지는 환경이 있었습니다(실측 확인).
획이 끝날 때와 2초 주기로 툴바를 다시 위로 올리는 것만으로 z-order 가 유지되는 것을 확인했습니다.

다운로드

  • PiPen-Setup-1.0.8.exe — 설치형 (권장)
  • PiPen-1.0.8-win-x64.zip — 무설치 (권장). 압축을 푼 폴더의 PiPen.exe 실행
  • PiPen-Portable-1.0.8.exe — 단일 파일. 매 실행 5~6초 소요

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.7 — 툴바 클릭·가장자리 부착·접기 오동작 수정

Choose a tag to compare

@cherub8128 cherub8128 released this 03 Sep 07:22

고친 것

1. 펜으로 그리다 보면 툴바가 눌리지 않던 문제
오버레이(그리는 창)가 활성화 가능한 창이라, 그리려고 누르는 순간 창이 활성화되면서
툴바 창 위로 올라갔습니다. 그 뒤로는 툴바 자리를 눌러도 오버레이가 가로채 아무 반응이 없었습니다.
오버레이를 비활성 창으로 바꿔 포인터 입력은 그대로 받되 창 순서는 건드리지 않게 하고,
획이 끝날 때마다·2초 주기로 툴바를 다시 맨 위로 올립니다.

2. 화면 테두리 끝까지 붙지 않던 문제
핸들을 반원 반지름(194px)만큼 가장자리에서 띄워 두는 제한이 있었습니다.
핸들 반지름(30px)까지만 남기도록 줄여 이제 화면 끝에 바짝 붙습니다.
창을 작업영역 안으로 되밀던 보정도 없앴습니다 — 이 보정 때문에 내부 좌표와 실제 창 위치가
어긋나 가장자리에서 클릭이 빗나가고 있었습니다.

3. 접었다 폈다 반복하면 아예 동작하지 않던 문제
토글이 pointeruplostpointercapture 두 경로에서 처리되고 있어서,
창 크기가 바뀌며 포인터 캡처가 풀릴 때 한 번의 탭이 두 번 뒤집혀 "안 눌리는" 것처럼 보였습니다.
토글은 이제 한 곳에서만 처리하고, 캡처 해제는 상태 정리만 합니다.
같은 값으로 창 크기를 다시 잡는 호출도 걸러 리사이즈 횟수를 줄였습니다.

검증: 실제 마우스 클릭·드래그로 (a) 선을 그은 직후 툴바가 바로 반응하는 것,
(b) 왼쪽 끝 30px 지점까지 붙인 뒤에도 클릭이 되는 것, (c) 반복 토글 후에도
클릭 한 번에 한 번만 열리고 닫히는 것을 확인했습니다.

다운로드

  • PiPen-Setup-1.0.7.exe — 설치형 (권장)
  • PiPen-1.0.7-win-x64.zip — 무설치 (권장). 압축을 푼 폴더의 PiPen.exe 실행
  • PiPen-Portable-1.0.7.exe — 단일 파일. 매 실행 5~6초 소요

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.6 — 툴바 먹통 문제 수정 (창 분리)

Choose a tag to compare

@cherub8128 cherub8128 released this 03 Sep 06:16

사용 중 툴바가 아예 눌리지 않던 문제 수정

원인. 지금까지는 창 하나로 만들어서, 마우스/화면 통과 모드에서는 창 전체를 클릭 통과시켜야 했습니다.
그러면 툴바까지 통과돼 버리기 때문에, 전달(forward)되는 mousemove 로 "커서가 툴바 위인지" 판정해
그때만 통과를 껐습니다. 실제로 측정해보니 이 mousemove 가 얼마 뒤 완전히 끊겼고(추가 이벤트 0개),
터치 화면은 hover 자체가 없어서 툴바가 영영 눌리지 않는 상태가 되었습니다.

수정. 창을 둘로 나눴습니다.

  • 오버레이 창 — 그리기 전담. 펜 모드에서만 입력을 받고, 통과 모드에서는 통째로 통과
  • 툴바 창 — 항상 클릭을 받는 별도 창. 보이는 UI 크기에 딱 맞게 잡아 주변 클릭을 막지 않고,
    다른 앱의 포커스도 빼앗지 않습니다. 언제나 오버레이 위에 유지됩니다

함께 고친 것:

  • 다른 창에 가려지면 렌더링이 멈출 수 있는 가림(occlusion) 판정 비활성화
  • 화면 갱신이 멈추는 경우를 대비한 타이머 백업 (rAF 가 멈춰도 그려짐)
  • pointerup 을 놓쳐 획이 남는 경우 자동 정리
  • 아주 짧은 간격의 중복 입력으로 메뉴가 열자마자 닫히는 것 방지

검증. 다른 앱이 포커스를 가진 통과 모드에서 실제 마우스 클릭으로 툴바가 반복 동작하는 것,
같은 상태에서 캔버스 영역 클릭은 아래 화면으로 그대로 통과하는 것을 확인했습니다.

다운로드

  • PiPen-Setup-1.0.6.exe — 설치형 (권장)
  • PiPen-1.0.6-win-x64.zip — 무설치 (권장). 압축을 푼 폴더의 PiPen.exe 실행
  • PiPen-Portable-1.0.6.exe — 단일 파일. 매 실행 5~6초 소요

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.5 — Pi Pen (형광펜 이음새 겹침 수정)

Choose a tag to compare

@cherub8128 cherub8128 released this 01 Sep 23:13

앱 이름이 Pi Pen 으로 바뀌었습니다. 기능은 동일하며 실행 파일명이 PiPen.exe 로 변경되었습니다.
이전 버전(WhiteboardPen)이 설치되어 있다면 제어판에서 지운 뒤 설치하세요.
설치 경로가 달라져 도구·색·두께 등 저장된 설정은 초기화됩니다.

형광펜 이음새 문제 수정

형광펜처럼 반투명한 획을 선분 단위로 나눠 그리면 선분이 만나는 지점마다 둥근 끝이 겹쳐서
알파가 두 번 합성됩니다. 그래서 뚜둑뚜둑 진한 마디가 생겼고, 포인터 샘플링이 촘촘한 기기일수록
마디가 많아져 증상이 더 심하게 보였습니다. (기기마다 달라 보였던 이유입니다.)

  • 두께가 일정한 도구(형광펜·지우개)는 획 전체를 하나의 path로 한 번에 그리도록 변경
  • 확정된 획은 오프스크린 레이어에 누적하고, 화면은 매 프레임 레이어 + 진행 중인 획으로 합성
  • 그리기 갱신을 requestAnimationFrame 으로 묶어 프레임당 한 번만 합성 (필기 반응도 개선)

1px 간격 점 700개로 그린 형광펜 획의 알파가 완전히 균일함을 실제 앱에서 확인했습니다.

다운로드

  • PiPen-Setup-1.0.5.exe — 설치형 (권장)
  • PiPen-1.0.5-win-x64.zip — 무설치 (권장). 압축을 푼 폴더의 PiPen.exe 실행
  • PiPen-Portable-1.0.5.exe — 단일 파일. 매 실행 5~6초 소요

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.4 — 무설치 zip 추가 (포터블 실행 속도 개선)

Choose a tag to compare

@cherub8128 cherub8128 released this 01 Sep 08:21

포터블 실행이 느린 문제

포터블 단일 exe는 실행할 때마다 임시 폴더에 앱 전체(약 190MB)를 압축 해제합니다.
그래서 첫 실행이든 재실행이든 5~6초가 걸립니다. 압축 해제 폴더를 고정해도 재해제는 그대로였습니다.

그래서 무설치 zip을 새로 추가했습니다. 압축만 한 번 풀어두면 이후 실행은 설치형과 똑같이 빠릅니다.

배포 형태 첫 실행 재실행
설치형 / zip 압축해제본 2.8초 0.6초
포터블 단일 exe 6.1초 5.5초

다운로드

  • WhiteboardPen-Setup-1.0.4.exe — 설치형 (권장, 관리자 권한 불필요)
  • WhiteboardPen-1.0.4-win-x64.zip — 무설치 (권장). 압축을 푼 폴더의 WhiteboardPen.exe 실행. USB 사용에 적합
  • WhiteboardPen-Portable-1.0.4.exe — 단일 파일. 편하지만 매 실행 5~6초

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.3 — 부착형 패널 · 크기 축소 · 시작 속도

Choose a tag to compare

@cherub8128 cherub8128 released this 01 Sep 07:59

바뀐 것

  • 두께 · RGB 패널을 반원에 부착 — 화면 하단을 가로지르던 큰 바를 없애고, 반원과 같은 너비로 반원에 붙여서 엽니다
  • 가장자리 부착 회전 — 핸들을 화면 위/아래로 끌면 반원이 회전해 그 가장자리에 붙습니다.
    이때 두께·RGB 패널은 반원 옆(공간이 없으면 반대쪽)에 나란히 놓입니다. 좌우에 붙이면 반원 아래에 세로로 놓입니다
  • 원판 크기 축소 — 반지름 236 → 194px, 아이콘과 핸들도 함께 줄여 화면을 덜 가립니다
  • RGB 숫자 입력 제거 — 색상 사각형 드래그 + 색조 슬라이더 + HEX 표시만 남겼습니다
  • 설정 버튼 버그 수정 — 설정을 다시 눌렀을 때 메뉴가 사라지지 않고 현재 도구의 하위 메뉴(색상/지우개)로 돌아옵니다
  • 시작 속도 개선 — 첫 페인트가 끝난 뒤 창을 한 번에 표시하고, 전역 단축키 등록과 업데이트 확인을
    시작 경로에서 분리했습니다. 창이 뜨기 전 빈 오버레이가 잠깐 보이던 현상이 없어집니다

다운로드

  • WhiteboardPen-Setup-1.0.3.exe — 설치형 (관리자 권한 불필요)
  • WhiteboardPen-Portable-1.0.3.exe — 무설치

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.2 — 아이콘 · 반원 툴바 · RGB 색 선택

Choose a tag to compare

@cherub8128 cherub8128 released this 01 Sep 07:48

새로운 것

  • 앱 아이콘 — π 기호를 새긴 연필 아이콘. 실행 파일·설치 파일·작업 표시줄에 적용
  • 툴바 디자인 변경 — 개별 원형 버튼을 없애고, 커다란 반투명 반원 패널 위에 아이콘만 올리는 방식으로 정리
  • 두께 조절 바를 화면 하단으로 이동 — 필기 영역을 가리지 않고 큰 손가락으로도 조작하기 쉬움
  • 기타 색(RGB) 선택 패널 — 색상 목록 맨 끝의 무지개 버튼을 누르면 두께 바 아래에 열림.
    채도·명도 사각형을 드래그하거나 색상 슬라이더로 고르고, R/G/B 값을 직접 입력할 수도 있음
  • 톱니바퀴 아이콘 재작도, 창 크기가 바뀌면 반원 방향을 다시 계산

다운로드

  • WhiteboardPen-Setup-1.0.2.exe — 설치형 (관리자 권한 불필요)
  • WhiteboardPen-Portable-1.0.2.exe — 무설치

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

v1.0.0 — 첫 릴리즈

Choose a tag to compare

@cherub8128 cherub8128 released this 01 Sep 07:24

전자칠판/OPS 윈도우용 투명 오버레이 판서 앱 첫 릴리즈입니다.

다운로드

  • WhiteboardPen-Setup-1.0.0.exe — 설치형. 설치 경로 선택 가능, 사용자 계정 단위라 관리자 권한 불필요
  • WhiteboardPen-Portable-1.0.0.exe — 무설치. USB에 넣고 바로 실행

코드 서명을 하지 않아 첫 실행 시 SmartScreen 경고가 표시됩니다. "추가 정보 → 실행"으로 진행하세요.

주요 기능

  • 부채꼴 플로팅 툴바 — 펜 / 형광펜 / 지우개 / 마우스 / 실행취소 / 다시실행 / 설정, 드래그로 위치 이동
  • 지우개 하위 메뉴 — 획 지우기 / 영역 지우기 / 전체 지우기
  • 멀티 포인터 동시 필기 (펜 2자루), 필압 기반 가변 굵기
  • 팜(넓은 접촉) 자동 지우개 + 실측값을 보며 맞추는 인식 크기 보정 슬라이더
  • 화면 고정 ↔ 화면 통과 전환으로 필기 중에도 아래 화면 조작
  • 자주 쓰는 색 6종, 두께 슬라이더, 설정 자동 저장
  • GitHub Releases 기반 업데이트 확인 모달

단축키

Alt+P 펜↔마우스 · Alt+Z 실행취소 · Alt+Y 다시실행 · Alt+X 전체 지우기 · Esc 메뉴 닫기

MIT 라이선스. 의존성 라이선스 검증 결과는 THIRD-PARTY-NOTICES.md 참고.