CineCode.video

Claude Fable 5.2 · Blender

自転車に乗るペリカン · Claude の参考動画

ペリカンが青緑色の自転車で海辺を走ります。Tech Friend AJ の Blender 短編は、ペダルや駆動系のアップを含む5つのカメラアングルでその姿を追います。

Tech Friend AJ · 00:19 公開元Blender · Hugging Face

自転車に乗るペリカンの参考動画

制作者が公開した2本の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 で描く日差しのある街並み

立体的な街並みの中を自転車で進むペリカンをカメラが追いかけます。

Addy Osmani · @addyosmani

Anthropic による Claude Fable 5.2 の発表

CineCode の Canvas 作例とソースファイル
The Tidal Route · 00:08自転車のベルと静かな電子音。セリフはありません。

同じプロンプトから作った2本

2つのモデルに同じプロンプトを渡し、それぞれが返した Canvas 描画関数を同じ CineCode スクリプトで書き出しました。解像度は 1280 × 720、フレームレートは 24 fps です。

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

Fable 5.2 の作例では、車輪が6回転する距離に合わせて遊歩道が動きます。Terra は車輪が4回転する間に地面が160ピクセルしか動かず、タイヤが滑って見えます。どちらも8秒で最初のフレームに戻ります。

Google の Gemini 4 Carbon の事例は、自転車に乗るペリカンを操作できる3Dデモです。公開ページから試せます。ここでは当サイトで書き出した2本を再生できます。 Gemini 4 Carbon

Qwen4-Max Preview で海辺を走るペリカンを Three.js で作ったコミュニティ作品もあります。当サイトでの Qwen Chat の試行では書き出せる描画関数が得られなかったため、公開作品を紹介します。 Qwen4-Max Preview のコミュニティ作品

一時停止して見たい3つのポイント

  • 足とペダルが一緒に動いているか。脚が交差する位置で止め、足が踏み外していないか確認します。
  • スポークと板張りの地面を見て、車輪の回転が地面の移動に合っているか確認します。
  • 最後と最初のフレームを比べ、ペリカンの姿勢と背景が自然につながるか見ます。

動きはそのまま、車体の色を変える

どちらも同じ作例の48フレーム目です。Chrome で pelican.html?frame=teal を開くと変更後の色を確認できます。色は pelican.js の設定一つで指定し、動きとタイミングは同じコードを使います。

コーラル色の車体
コーラル色の車体
青緑色の車体
青緑色の車体

CineCode で MP4 に書き出す

ZIP を展開し、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

2モデルに渡したプロンプト

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 では、Google の説明によると最長15秒の動画を直接生成・編集できます。上のプロジェクトでは、フレームや動きをコードで確認・調整してから書き出せます。