CineCode.video

Claude Fable 5.2 · Blender

자전거 타는 펠리컨 · Claude 참고 영상

펠리컨이 청록색 자전거를 타고 바닷가를 달립니다. Tech Friend AJ의 Blender 단편은 페달과 구동계 클로즈업을 포함해 다섯 각도에서 주행을 보여 줍니다.

Tech Friend AJ · 00:19 원본 출처Blender · Hugging Face

자전거 타는 펠리컨 참고 영상

제작자가 공개한 두 편의 3D 자전거 영상입니다. ChetasLua는 원문에서 모델 라우팅을 “Fable 5.5 / Opus-Next”로 설명했으며, 실제 라우팅은 확인되지 않았습니다.

Claude Fable 5.5 / Opus-Next · 제작자 표기 · 00:16

사실적인 거리에서 자전거를 타는 펠리컨

카메라가 펠리컨을 따라가며 상점과 줄무늬 차양, 돌바닥 광장을 비춥니다.

ChetasLua · @chetaslua

Claude Opus 5.5 · 01:31

Three.js로 만든 햇살 비치는 거리

3D 거리에서 카메라가 자전거를 타고 달리는 펠리컨을 따라갑니다.

Addy Osmani · @addyosmani

Anthropic의 Claude Fable 5.2 발표

CineCode Canvas 예제와 소스 파일
The Tidal Route · 00:08자전거 벨과 잔잔한 합성음. 대사는 없습니다.

같은 프롬프트로 만든 두 영상

두 모델에 같은 프롬프트를 보내 각각 Canvas 그리기 함수를 받았습니다. 같은 CineCode 캡처 스크립트로 1280 × 720, 24 fps 영상을 만들었습니다.

Claude Fable 5.2Claude Code · Medium
GPT-6.1 TerraCodex · Medium

Fable 5.2 예제는 바퀴가 여섯 바퀴 도는 거리에 맞춰 산책로를 움직입니다. Terra는 바퀴가 네 바퀴 도는 동안 바닥이 160픽셀만 움직여 타이어가 미끄러져 보입니다. 두 영상 모두 8초에 첫 프레임으로 돌아옵니다.

Google의 Gemini 4 Carbon 예제는 펠리컨이 자전거를 타는 3D 장면을 직접 조작할 수 있게 만든 데모입니다. Google 발표 페이지에서 확인할 수 있습니다. 이곳의 두 영상은 이 사이트에서 렌더링했습니다. Gemini 4 Carbon

Qwen4-Max Preview로 해안 자전거 장면을 Three.js로 만든 커뮤니티 작품도 있습니다. 이 사이트에서 시도한 Qwen Chat은 렌더링할 수 있는 그리기 함수를 반환하지 않아 공개 작품을 연결했습니다. Qwen4-Max Preview 커뮤니티 예제

멈춰서 살펴볼 세 가지

  • 발과 페달이 함께 움직이는지 보세요. 두 다리가 교차할 때 멈추면 발이 페달에서 미끄러지는지 확인할 수 있습니다.
  • 바퀴살과 나무 판자를 비교해 바퀴 회전과 바닥 이동이 맞는지 살펴보세요.
  • 처음과 마지막 화면을 비교해 펠리컨의 자세와 배경이 자연스럽게 이어지는지 확인하세요.

동작은 그대로 두고 프레임 색 바꾸기

두 이미지는 사이트 예제의 같은 48번째 프레임입니다. Chrome에서 pelican.html?frame=teal을 열면 바뀐 색을 미리 볼 수 있습니다. 색상은 pelican.js에서 정하고 동작과 타이밍은 같은 코드를 사용합니다.

산호색 프레임
산호색 프레임
청록색 프레임
청록색 프레임

CineCode로 MP4 내보내기

압축을 풀고 Chrome에서 pelican.html을 여세요. Node.js 22 이상, Chrome 또는 Chromium, FFmpeg를 준비하고 프로젝트 폴더에서 아래 명령을 실행합니다. MP4와 표지 이미지는 exports에 저장됩니다.

node render.mjs pelican ./exports
node render.mjs pelican-fable ./exports
node render.mjs pelican-terra ./exports

두 모델에 입력한 프롬프트

Create a deterministic, 8-second looping Canvas 2D animation called “The Tidal Route”: a recognizable pelican riding a bicycle from left to right along a coastal boardwalk. 1280x720, 24 fps. Use a side-on camera with cinematic editorial illustration: desaturated teal water, dark navy shadows, warm peach dawn and a coral bicycle frame. Use a layered moving harbor backdrop, with a clear silhouette and no text.

The pelican has a long beak and visible pouch, sits on the saddle, reaches the handlebars, and pedals with both feet attached to opposite pedals. Wheels, background travel, and pedals should be mechanically coherent. Make the seam close at 8 seconds. The time argument is in seconds. Leave enough space around the bicycle to read the movement. Use only procedural drawing. No external assets, fetches, Web Audio, asynchronous code, page access, libraries, or randomness per frame.

Output only valid JavaScript defining function drawPelican(ctx, time) for an existing player that handles the canvas, preview and frame capture. Use Canvas 2D calls on ctx and local helpers inside the function. No markdown fences or explanation. Aim for 150–240 lines.

SVG 테스트에서 편집 가능한 영상으로

Simon Willison의 원래 테스트는 정지 SVG를 만드는 과제입니다. 이 예제는 Canvas로 시간에 맞춰 프레임을 그리고 CineCode로 화면 없이 실행한 Chrome에서 캡처한 뒤 FFmpeg로 MP4를 만듭니다. 사이트 예제의 자전거 벨도 코드로 합성했습니다.

Gemini Omni 1.2 Flash는 최대 15초의 영상을 직접 생성하고 편집할 수 있다고 Google은 설명합니다. 위 코드 프로젝트에서는 프레임과 동작을 살펴보고 수정한 뒤 다시 내보낼 수 있습니다.