疑似クレジットスクロール

簡単なアニメのようなものってJSで作れるのか

エンディングムービーってゲームとかだとクレジットがただ流れて、合間合間に挿絵が登場して、みたいなアニメーションをWebで再現できたら面白そうだなと思い、作ってみた。

用意したもの

• 適当に作ったキャラの絵を数枚
• クレジットの文章
• sunoAIで作った曲

どうやったか

• クレジットの文章を一定時間ごとにDOM操作して表示させていく
• 曲の終わりに合わせてクレジットが終わるようにする

ファイルの容量

データをほぼ圧縮せずに11MB程度で収まった。 通常の動画と比べると、3分動画の容量の約1/5程度なので、クオリティを落としても良い判断のできる動画作品は、こういったwebブラウザの技術を組み合わせるのも良いなと思った。 そういえば昔、ニコニコ動画でこれに似た技術もあったような記憶。 そもそもコメントを動画の上に流すのもまさにこういう技術でもある。