CineCode.video

Claude Fable 5.2 · Blender

Bisiklete Binen Pelikan · Claude Örnek Videoları

Bir pelikan turkuaz bisikletiyle sahil boyunca ilerliyor. Tech Friend AJ’nin Blender kısa filmi, pedal ve aktarma organlarının yakın planları dahil sürüşü beş açıdan gösteriyor.

Tech Friend AJ · 00:19 KaynakBlender · Hugging Face

Bisiklete binen pelikan için örnek videolar

Yapımcıların paylaştığı iki 3D bisiklet videosu. ChetasLua, paylaşımında model yönlendirmesini “Fable 5.5 / Opus-Next” olarak tanımladı. Yönlendirme henüz doğrulanmadı.

Claude Fable 5.5 / Opus-Next · Yapımcının kullandığı ad · 00:16

Gerçekçi bir meydanda bisiklet süren pelikan

Kamera pelikanı dükkânların, çizgili tentelerin ve taş döşeli meydanın önünden geçerken takip ediyor.

ChetasLua · @chetaslua

Claude Opus 5.5 · 01:31

Three.js ile güneşli bir sokak

Hareketli kamera üç boyutlu sokakta bisiklet süren pelikanı takip ediyor.

Addy Osmani · @addyosmani

Anthropic’in Claude Fable 5.2 duyurusu

CineCode Canvas örneği ve kaynak dosyaları
The Tidal Route · 00:08Bisiklet zili ve hafif bir sentez sesi. Konuşma yok.

Aynı istemden iki animasyon

İki modele aynı istemi verdik. Her model bir Canvas çizim fonksiyonu üretti. İkisini de aynı CineCode betiğiyle 1280 × 720 çözünürlükte ve 24 fps olarak dışa aktardık.

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

Fable 5.2 örneğinde sahil yolu tekerleğin altı turda aldığı mesafe kadar kayıyor. Terra’da tekerlek dört tur dönerken zemin yalnızca 160 piksel ilerliyor ve lastik kayıyor gibi görünüyor. İki animasyon da sekizinci saniyede ilk karesine dönüyor.

Google’ın Gemini 4 Carbon demosunda bisiklete binen pelikanı üç boyutlu bir sahnede kontrol edebilirsin. Demoya Google’ın duyurusundan ulaşılır. Buradaki iki videoyu kendi ortamımızda işledik. Gemini 4 Carbon

Toplulukta Qwen4-Max Preview ile hazırlanmış bir Three.js sahil sürüşü örneği de var. Qwen Chat denemelerimizde işlenebilir bir çizim fonksiyonu çıkmadığı için yayımlanan çalışmaya bağlantı verdik. Qwen4-Max Preview · Topluluk örneği

Videoyu durdurup şu üç ayrıntıya bak

  • Ayaklar pedallarla birlikte hareket etmeli. Bacaklar kesiştiğinde videoyu durdurup ayağın pedaldan kayıp kaymadığına bak.
  • Tekerlek telleriyle yolun tahtalarını karşılaştır. Tekerlek dönüşü zeminin hareketiyle uyumlu olmalı.
  • Son kareyle ilk kareyi karşılaştır. Pelikanın duruşu ve arka planın hareketi döngüde kesintisiz devam etmeli.

Sürüşü koruyup kadronun rengini değiştir

İki görsel de aynı örneğin 48. karesinden. Değişikliği görmek için Chrome’da pelican.html?frame=teal adresini aç. Kadronun rengi pelican.js dosyasındaki bir ayardan gelir. Hareket ve zamanlama aynı kodu kullanır.

Mercan rengi kadro
Mercan rengi kadro
Turkuaz kadro
Turkuaz kadro

CineCode ile MP4 olarak dışa aktar

ZIP dosyasını aç ve önizleme için pelican.html dosyasını Chrome’da aç. Node.js 22 veya üzeri, Chrome ya da Chromium ve FFmpeg gerekir. Komutları proje klasöründe çalıştır. MP4 ve kapak görselleri exports klasörüne kaydedilir.

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

İki modele verilen istem

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 testinden düzenlenebilir videoya

Simon Willison’ın özgün testi durağan bir SVG ister. Burada Canvas her kareyi belirli bir anda çizer, CineCode betiği arayüzsüz Chrome’da kareleri yakalar ve FFmpeg bunları MP4 olarak paketler. Örnek videodaki bisiklet zili de kodla üretildi.

Google, Gemini Omni 1.2 Flash ile 15 saniyeye kadar videonun doğrudan üretilip düzenlenebildiğini belirtiyor. Yukarıdaki kod projesi her kareyi inceleyip hareketi değiştirerek yeniden dışa aktarmana olanak tanır.