글 4
고양이 옆에 집 모양 메뉴 만들기
BytePet의 사각형 패널을 집으로 바꾸고, 고양이와 함께 놓일 마당을 만들었다. 메뉴 방향과 창 크기를 조정하고, 아이콘 탭과 macOS 메뉴바의 역할을 정리한 과정을 기록한다.
7분 읽기
메모와 파일을 먹이로 주는 앱
BytePet에 메모와 파일을 먹이처럼 건네고 로컬에 보관하는 기능을 만들었다. 저장 완료와 먹는 모션을 연결하고, 검색·미리보기·휴지통으로 다시 꺼내 쓰는 흐름을 다듬은 과정을 기록한다.
8분 읽기
바탕화면에 고양이 한 마리 올려두기
Electron과 Canvas로 시작한 BytePet 제작기. 픽셀 고양이의 대기 모션, 드래그와 위치 저장, 투명한 여백의 클릭 통과를 구현한 과정을 기록한다.
6분 읽기
Blender로 만든 방을 React Three Fiber 블로그로 옮기기
Blender에서 직접 만든 방과 애니메이션을 React Three Fiber로 연결했다. 책을 펼쳐 글을 읽는 화면부터 전환이 끊기는 문제, 일반 블로그 화면을 함께 만든 과정까지 기록한다.
8분 읽기