Tech Demos

X에서 본 아이디어로 만든 실험 데모 모음 · 바로 열 수 있는 데모 11개

외부 사이트

Anatomy 갤러리

Anatomy 스킬로 만든 기계 해부도 갤러리. 투어 모드 포함

HoloCloth 패브릭 스튜디오

매달린 천을 잡아당기고 소재(Holo·Chrome·Silk·Velvet)·염색·조명·바람을 한 패널에서 바꾸는 Verlet 천 시뮬레이션

pdfcn Takumi 플레이그라운드

pdfcn 인보이스·리포트 블록을 편집하면 takumi-pdf WASM으로 브라우저에서 PDF 미리보기·다운로드

tldraw 에이전트 캔버스

전체 화면 tldraw 캔버스와 에이전트 패널. API 키 없이 스크립트된 공간 도구로 도형·화살표·정렬·메모를 그림

wifibox-p2p
로컬 전용

wifibox P2P 같은 네트워크 공유

방 코드·링크·QR로 만나 WebRTC 데이터 채널로 같은 네트워크 기기끼리 파일·링크를 주고받는 데모

WebRTC 시그널링 서버(server/)가 필요해요 · 로컬 실행:

cd apps/wifibox-p2p && bun install && bun run dev
로컬 전용

asset-scout-3d CC0 3D 에셋 스카우트

장면 아이디어를 입력하면 Poly Haven·ambientCG·Kenney의 CC0 에셋을 찾아 three.js로 바로 조립

에셋 검색 프록시 서버(/api)가 필요해요 · 로컬 실행:

cd apps/asset-scout-3d && bun install && bun run dev

mygo-desktop 타입 IPC 플레이그라운드

Go 툴체인 없이 브라우저에서 MyGo식 Go 서비스↔TypeScript 타입 IPC 개발 경험을 흉내 낸 플레이그라운드

푸리에 에피사이클

그림을 푸리에 급수 회전 원 체인으로 다시 그리는 데모. 북미 해안선 모드(원 1~500개, 평균 오차 km 표시) 포함

흔들어 푸는 패킹

정사각형들을 상자에 넣고 흔들면서 상자를 줄여 가는 패킹 시뮬레이션

CD 케이스 셰이더

three.js 셰이더로 만든 절차적 투명 CD 주얼 케이스

Plainwalk 스케치 지도

걸은 만큼 드러나는 손그림 스타일 OSM 지도

Myna 눈 리그

#MynaRig에서 영감받은 three.js 캐릭터 눈 컨트롤러(시선 추적·동공 크기·깜빡임)

만화 로케이션 스카우트

장소를 입력하면 OSM 건물·도로를 3D로 세워 스크린톤·먹선이 들어간 만화 배경 선화로 렌더링, PNG 저장

splat-world-blaster

Spark 가우시안 스플랫 월드를 걸어 다니며 Rapier 물리 오브젝트를 집어 던지고, 카메라 투어·시점 저장, 내 API 키로 사진→.spz/.glb 로컬 생성(bun run blast)