106.9K+İndir
Kullanım kılavuzuna geç
Whiteboard Animationyazan iart-ai

Whiteboard Animation Skill'i.

Her çizgiyi izleyen keçeli kalem tutan bir elle SVG çizim anlatımları oluşturun.

  • Beyaz tahta
  • Açıklayıcı video
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak incelemesi · whiteboard-animationSKILL.md
Görev Her çizgiyi izleyen keçeli kalem tutan bir elle SVG çizim anlatımları oluşturun. Çıktılar Bağımsız HTML çizim sahnesi veya istenen video kompozisyonu. Başlamadan önce Çizim sırasını, çizgi görsellerini ve ucu belirlenebilir kalem tutan el görselinı getirin. Çizim konuşmayı izleyecekse anlatım zamanını ekleyin; HTML önizleme veya video teslimini açıkça seçin.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Her çizgiyi izleyen keçeli kalem tutan bir elle SVG çizim anlatımları oluşturun

Sıralı çizgiler, kalibre edilmiş kalem ucu, anlatım zamanlaması ve kesin zamanlı görsel kontrollerle beyaz tahta sahneleri oluşturun.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

whiteboard-animation, diyagram veya yazı çizen el yanılsaması oluşturur. SVG çizgileri sırayla açılırken kalem görseli güncel çizim ucunu izler. El konumu ve açılan yol aynı ilerleme değerini paylaşır; belirli bir anda birlikte incelenebilir.

Kaynak kısa tarayıcı sahnesini anlatımlı video dışa aktarımından ayırır. Bağımsız sahne tek HTML ve zamanda gezinilebilir çizelge kullanır; tam film aynı mekanikleri kare tabanlı kompozisyona taşır. Çizgi sırası, kalem kaldırmalar ve anlatım zamanlaması tasarımın parçasıdır.

Beklenen Çıktılar

  • Bağımsız HTML çizim sahnesi veya istenen video kompozisyonu.
  • Sıralı SVG çizgileri ve kalibre edilmiş kalem tutan el görseli.
  • Çizgi sırasındaki eli ve bitmiş tahtayı gösteren donmuş kare kanıtları.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Çizilebilir görsel hazırlayın

    İllüstrasyonu makul çizim sırasıyla açık çizgilere dönüştürün. Dolgulu bölgelere renkten önce açılacak kontur verin.

  2. 02
    Kalem ucunu çizgiye bağlayın

    El varlığının uç ofsetini ölçün; konumunu çizginin açılmasıyla aynı ilerlemeden sürün. Ayrı yollar arasında eli kaldırın.

  3. 03
    Sıralayın ve inceleyin

    Her çizimi anlatım anıyla hizalayın; çizginin ortasında dondurun. Uç hizasını, son tamamlanmayı, düzeni ve tahta bölümleri arasındaki geçişleri kontrol edin.

02 Kullanım Alanları

Ne zaman kullanılır

Çizim sırasını, çizgi görsellerini ve ucu belirlenebilir kalem tutan el görselinı getirin. Çizim konuşmayı izleyecekse anlatım zamanını ekleyin; HTML önizleme veya video teslimini açıkça seçin.

İyi Bir Uyum

  • Diyagram anlatılırken açılmalıysaSıralı çizim tüm tahtayı birden göstermek yerine güncel ilişkiye odaklar.
  • El yazısı efektin parçasıysaKaynak glif yollarını ve okuma sırasını izleyen açılışları kapsar.

Kontrol Edilecek Sınırlar

  • Dolgulu görsel otomatik çizilebilir değildirKatı birleşik şekil, inandırıcı çizgi açılışından önce hazırlık gerektirir.
  • Anlatımlı çıktı ek üretim hattı isterTek dosyalık web örneği kendi başına seslendirmeli MP4 üretmez.

Bu Girdileri Getirin

  • Sıralı içerikİllüstrasyonları, etiketleri ve amaçlanan çizim sırasını sağlayın.
  • El varlığıUç noktası ölçülebilen kalem tutan el görseli sağlayın veya onaylayın.
  • Anlatım ve hedefSeslendirme veya zamanlı metni, kadraj boyutunu ve çıktı biçimini ekleyin.

03 Önemli Kararlar

Önemli kararlar

  1. İnandırıcı çizim ucu

    Ortak ilerleme elin görünür çizginin önüne kaymasını önler.

  2. Amaçlı çizgi sırası

    Kalem kaldırmalar ve sıralı öğeler eylemi fiziksel olarak anlaşılır tutar.

  3. İncelenebilir ara durumlar

    Çizgi ortasındaki sabit kare, normal hızda kaybolan kusurları gösterir.

04 Örnek Görev Tanımı

Odaklı bir brief deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kaynağı ve kurulumu inceleyin

İllüstrasyonları, etiketleri ve amaçlanan çizim sırasını sağlayın.

Üst Kaynak Dosyası
https://github.com/iart-ai/explainer-video-skills/blob/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/whiteboard-animation/SKILL.md

Aşağıdaki referans, özgün talimatları açar. Kullanmadan önce depo kurulumunu inceleyin; bu bir kurulum komutu değildir.

Tek bir çıktıyla başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Sağladığım çizgi görselleri ve anlatımla üç adımlı kayıt sürecini whiteboard-animation kullanarak açıkla. Aynı kalem tutan eli kullanıp konuşma sırasıyla her seferinde bir adımı göster. Açık yollar hazırla; ucu öndeki çizim noktasında kalacak şekilde kalibre et. Konturlar bitene kadar dolguları gizle, ayrı çizimler arasında eli kaldır. Kesin zamana gitme ve azaltılmış hareket için tamamlanmış tahta durumu olan bağımsız HTML önizleme teslim et. Anlatımlı video önermeden önce başlangıcı, her adımın çizgi ortasını ve son tahtayı incele.

Sonucu inceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Çizgi ortasında dondurup kalem ucunun çizilen uçta olduğunu doğrulayın.
  • Kalem kaldırmaları, yol sırasını ve konturdan sonra dolguyu kontrol edin.
  • Tamamlanmış son çizgileri ve okunaklı statik azaltılmış hareket tahtasını doğrulayın.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
iart-ai
Depo
iart-ai/explainer-video-skills
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 3e2d411b725d
Editoryal Kaynak Özeti
Her çizgiyi izleyen keçeli kalem tutan bir elle SVG çizim anlatımları oluşturun.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan önce sorular

Dolgulu SVG’yi doğrudan canlandırabilir miyim?

Kaynak çizilebilir çizgiler veya hazırlanmış konturlar ister. Dolgulu siluet tek başına kalemin izleyeceği yolu vermez.

El nasıl hizalı kalır?

Mekanizma yolu stroke-dashoffset ile aynı ilerlemede örnekler; ölçülen uç ofsetini el konumundan çıkarır.

Anlatım içerir mi?

Çizimi anlatıma göre planlayabilir. Sesi işlenmiş video yalnızca bağımsız HTML değil, kare tabanlı video yolu gerektirir.

OpenDesign

Brief'inizi ve tasarım çalışmanızı bir arada tutun.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/iart-ai/explainer-video-skills/blob/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/whiteboard-animation/SKILL.md