ხელსაწყოები

Claude-ით motion graphics: ანიმაცია კოდით, ვიდეო ბრაუზერში

Claude ანიმაციას კოდად წერს, ბრაუზერი კი მას კადრ-კადრ ვიდეოდ აქცევს. ჩვენი Reel-ებიც ასე კეთდება.

რატი ლიკლიკაძე · · 1 წუთის საკითხავი

ორიგინალი · მომზადდა AI-ს დახმარებით, შეამოწმა რედაქტორმა

ჩვენი სექტემბრის სკილების Reel-ის კადრი

როგორ მუშაობს

Claude ვიდეოს პირდაპირ არ ქმნის, მაგრამ ანიმაციას კოდად წერს: HTML, CSS და JavaScript. ბრაუზერი ამ კოდს ყოველ კადრზე ცალკე ხატავს, კადრები კი ვიდეოდ იკვრება. ამიტომ ერთი და იგივე კოდი ყოველთვის ერთსა და იმავე ვიდეოს იძლევა. ამ იდეაზეა აგებული Remotion-იც: ის React-ის კომპონენტს კადრის ნომერს აძლევს და ყოველ კადრს ცალკე ხატავს.

ჩვენც ასე ვაკეთებთ

@19rl96.ge-ის Reel-ები ზუსტად ასე იხატება. Claude-მა დაწერა კოდი, რომელიც Chrome-ში ყოველ კადრს თავის ადგილას აყენებს, ffmpeg კი კადრებს ვიდეოდ კრავს: 30 კადრი წამში, 1080×1920. სექტემბრის სკილების 34-წამიანი Reel ასე დაიხატა, ფასიანი ვიდეოხელსაწყოს გარეშე.

როგორ გამოიყენო

  1. სთხოვე Claude-ს: „გამიკეთე 5-წამიანი ვერტიკალური ანიმაცია: ჩემი სათაური ასო-ასო ჩნდება“.
  2. ან: „ამ CSV ფაილიდან ანიმაციური გრაფიკი გამიკეთე“.
  3. ვიდეოდ გადასაყვანად Claude-ს Remotion-ის პროექტის აწყობა სთხოვე: Claude კოდს წერს, Remotion კი ვიდეოს არენდერებს.