Claude Code와 Opus 5를 사용하여 9시간 만에 구축한 지속적인 지형 변형 기능을 갖춘 WebGPU 기반 눈과 물 조작 데모
요약
Claude Code와 Opus 5를 활용하여 9시간 만에 WebGPU 기반의 지형 변형 데모인 'Snowflow'를 구축한 사례입니다. 셰이더 작성부터 시각적 버그 수정까지 AI가 주도적으로 참여하여 복잡한 그래픽스 파이프라인을 완성했습니다.
핵심 포인트
- Claude Code와 Opus 5를 이용한 초고속 그래픽스 개발 사례
- WGSL 셰이더 및 Babylon.js를 활용한 풀스택 그래픽스 파이프라인 구축
- AI가 스크린샷을 분석하여 셰이더 버그를 직접 수정하는 시각적 자기 수정 수행
- WebGPU 기반의 실시간 지형 변형 및 물리 효과 구현
누군가가 Claude Code와 Opus 5를 사용하여 9시간 만에 지속적인 지형 변형 (persistent terrain deformation) 기능을 갖춘 브라우저 WebGPU 기반의 눈과 물 조작 (snow and waterbending) 데모인 Snowflow를 구축했습니다.
풀스택 그래픽스 파이프라인 (full-stack graphics pipeline): 직접 작성한 WGSL 셰이더 (shaders), WebGPU 파이프라인 (pipelines), 그리고 Babylon.js 지형 로직 (terrain logic)으로 구성되며, 텍스처 (textures), 메쉬 (meshes), 또는 애니메이션 에셋 (animation assets) 없이 처음부터 합성되었습니다.
상호작용형 지형 변형 (interactive terrain deformation): 발자국은 시간이 지남에 따라 동적으로 회복되는 참호를 남깁니다. 다섯 가지 물 영감 주문, 천 물리 (cloth physics), 그리고 전체 눈 서핑 (snow-surf) 시스템이 포함되어 있습니다.
시각적 자기 수정 (visual self-correction): Opus 5는 브라우저 스크린샷을 통해 셰이더 버그 (shader bugs)와 시각적 다듬기 (visual polish) 작업을 직접 반복 수행했습니다.
9시간의 구축 시간, 캐시된 토큰 (cached tokens)을 제외하고 약 400만 토큰을 사용했습니다.
직접 시도하기 전에 알아두어야 할 사항: WebGPU를 지원하는 데스크톱 브라우저와 외장 GPU (discrete GPU)가 필요하며, 목표 프레임 레이트 (frame rates)를 달성하려면 대략 RTX 5070 Ti 정도의 성능이 필요합니다. 설계상 WebGL 폴백 (fallback)은 제공되지 않습니다. 저사양 노트북 사용자들은 15에서 35 FPS를 기록했다고 보고했습니다.
라이브 데모: https://t.co/a4uSm8m0b8. 출처:
AI 자동 생성 콘텐츠
본 콘텐츠는 X @cyrilxbt (자동 발견)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기