전시품 제016호 · 애니메이션

손짓으로 조종하는 파티클

하트, 꽃, 토성으로 모양을 바꾸고, 카메라 앞에서 손을 펼치면 커지는 Three.js 파티클 시스템.

프롬프트

> Create a real-time interactive 3D particle system with Three.js.

requirements:

1. Control the scaling and expansion of the particle group by detecting the tension and closing of both hands through the camera.

2. Provide panels that can choose hearts/flowers/saturn/Buddha statues/fireworks and other templates

3. Support the colour selector to adjust the particle colour

4. Particles need to respond to gesture changes in real time. The interface is simple and modern.

5. The interface is simple and modern

평가 포인트

웹캠 기반 손 추적, 모양 사이를 오가는 파티클 변형, 깔끔한 컨트롤 패널.

출처

@EHuanglu · 2025

원본 게시물 조회수 127만회

난이도

●●●

결과

Claude Opus 5.5

2026-10-19 실행원본 답변 열기

박물관 프레임에서는 카메라를 쓸 수 없어 답변이 마우스 조작으로 대체됩니다. 마우스를 위아래로 움직이면 모양이 펼쳐지고 오므라듭니다. 손으로 직접 해 보려면 원본 답변을 여세요.

테스트 조건

테스트마다 한 번 답하고, 실행한 뒤에는 고치지 않았습니다. 첫 시도가 제대로 작동하지 않은 테스트는 한 번 더 답했고 해당 전시물에 그 사실을 적었습니다. 그래도 작동하지 않은 답변은 전시하지 않습니다. 순수 API가 아니라 자체 시스템 프롬프트가 포함된 Claude Code 에이전트 세션에서 실행했습니다.

Claude Opus 5.5 전체 결과

답변을 .html 파일로 저장한 뒤 브라우저에서 열어 위 결과와 비교해 보세요.