-
Skapa는 IKEA Skadis 페그보드에 맞는 커스텀 상자 모델을 생성해서 다운로드후 3D 프린터로 출력하는 용도의 웹앱
- 완전 클라이언트 사이드에서 실행되며 GitHub에 코드 공개
- 앱 자체가 IKEA 설명서 느낌이 나도록 디자인
- 블랙 앤 화이트 컬러, 굵은 글자체 사용
- (고소를 피하기 위해) IKEA의 "Sans" 글꼴 대신 "Kanit" 글꼴 사용
- IKEA는 원근법(Perspective)을 사용하지만 정사투영(orthographic projection) 방식을 사용하며, 버튼 및 기능을 최소화함
- 모델을 드래그하면 수직 회전하며, 클릭 시 모델이 180도 회전
-
모델 생성은 manifold 라이브러리 사용
- C++로 작성된 라이브러리를 Wasm으로 변환해 브라우저에서 실행
- 클라이언트 사이드에서 100% 실행 가능
-
렌더링은 Three.js 사용하여 → 웹에서 3D 모델 렌더링
- 기본 Three.js의 outline 효과가 부족하여 커스텀 셰이더 사용
-
Skapa - GitHub Repo
-
Parametric IKEA Skadis Boxes on Printables