Rebuild as an interactive 3D apple tree with drag-to-shake

This commit is contained in:
2026-07-20 01:03:43 +09:00
parent d7fdc42821
commit 3fd7d8112d
3 changed files with 343 additions and 124 deletions

View File

@@ -2,8 +2,10 @@
Tree of Life - HTML5 page for the podman pages service
- 순수 정적 HTML5 (`index.html` 단일 파일, 외부 의존성 없음)
- 봄/여름/가을/겨울 색상 전환이 가능한 SVG 나무 애니메이션
- 정적 HTML5 + Three.js 기반 3D 사과나무 (`index.html` + `vendor/three.module.min.js`, 외부 CDN 의존성 없이 자체 호스팅)
- 저사양 모바일 GPU에서도 부드럽게 동작하도록 로우폴리 지오메트리, 실시간 그림자 대신 블롭 섀도우, 픽셀비 상한(2x) 적용
- 나무를 마우스/터치로 드래그하면 스프링-댐퍼 물리로 자연스럽게 흔들리고, 일정 세기 이상 흔들면 사과(5개)가 하나씩 떨어짐
- 떨어진 사과는 바닥에 닿아 통통 튄 뒤 멈추고, 약 2.6초 후 원래 매달려 있던 자리에서 다시 자라남(pop-in 애니메이션)
## pages 서비스 연동