구루나무 포트폴리오

게임 소개 애니메이션

메두사 미용실

출장 미용을 떠난 원장님이 올림푸스 신들의 카드판에서 가위를 드는 이야기. 카드게임의 규칙을 동화 한 편으로 소개합니다.

장면00:00:00 /

이미지 파일을 한 장도 쓰지 않았습니다. 메두사, 제우스, 헤라클레스, 헤르메스와 신전, 경기장, 연회장까지 모든 픽셀을 자바스크립트 함수로 그렸고, 브라우저에서 한 프레임씩 찍어 영상으로 묶었습니다.

Prompt

Claude Code에 실제로 입력한 프롬프트를 순서대로 다듬어 옮겼습니다. 복사한 뒤 [대괄호] 부분만 내 작품에 맞게 바꿔 쓰면 됩니다.

기업 홍보 모션그래픽

"AI 교육은 받았는데, 왜 공장은 그대로일까?" 스마트팩토리 구축사가 만든 현장 실습형 AI 교육을 7개 장면으로 소개합니다.

장면00:00:00 /

Remotion(React)으로 장면을 컴포넌트로 짰습니다. 같은 코드에서 가로 16:9와 세로 9:16이 함께 나오고, 목소리를 바꾸면 장면 길이와 효과음 시각이 새 내레이션에 맞춰 다시 계산됩니다.

화면채팅창, 집계 카운터, Before/After 카드, 과제 카드를 컴포넌트로 만들고 대사 구절이 시작되는 시각에 맞춰 등장
목소리Qwen3-TTS VoiceDesign으로 40대 뉴스 앵커 톤을 설계한 뒤 보이스 클론으로 7개 장면을 같은 목소리로 생성. 여성·남성 두 벌
소리타이핑, 에러 버저, 카운트업, 도장, 로고 차임 등 효과음 11종을 코드로 합성. 배경음악은 Mixkit 라이선스 음원

Prompt

Claude Code에 실제로 입력한 프롬프트를 순서대로 다듬어 옮겼습니다. 복사한 뒤 [대괄호] 부분만 내 작품에 맞게 바꿔 쓰면 됩니다.

기업 브랜드 필름 · 파티클

흐르던 데이터가 모여 공장의 미래가 됩니다. 입자 130만 개가 컨설팅, 스마트팩토리, AI, 교육, 클라우드의 모양으로 모였다 흩어지며 "상상을 현실로, 기술을 혁신으로"로 끝나는 60초 브랜드 영상입니다.

장면00:00:00 /

브라우저의 WebGL2로 GPU에서 입자 130만 개를 움직였습니다. 입자는 흐름장을 타고 흐르다가, 장면마다 로고·공장·신경망·사람·지구 모양에서 뽑은 목표 점으로 모입니다. 깊이에 따라 밝기와 크기를 달리해 입체감을 줬습니다.

화면입자 상태가 이전 프레임에 이어지므로 프레임을 순서대로 찍어 렌더. seed를 고정해 몇 번을 다시 만들어도 같은 결과
목소리컨티스 교육영상과 같은 Qwen3-TTS 아나운서 목소리를 이어 써서 브랜드 톤 통일. 줄마다 8테이크 중 역인식 오류 0인 것 선택
소리음악 A는 패드·서브베이스·라이저를 코드로 합성, 음악 B는 무료 라이선스 음원. 폭발, 결집음, 로고 차임은 코드 합성

Prompt

Claude Code에 실제로 입력한 프롬프트를 순서대로 다듬어 옮겼습니다. 복사한 뒤 [대괄호] 부분만 내 작품에 맞게 바꿔 쓰면 됩니다.