開発

コードをタイプライター風に表示するアニメーションが意外と簡単に。


コードをシンタックスハイライトで見やすく加工した上で、これをタイプライターのように一文字ずつカタカタと表示していくというアニメーションを作りたいと思ったわけです。

しかし、これをどう作るか?

AfterEffectsに読み込むか?
その際にシンタックスハイライトの設定が面倒そうだ。

さてどうするか。

・・・

・・・

💡せや!

簡単に出来た。

でもこれだと全部表示させようとすると時間がかかりすぎる。

なので、単語ごとに表示するようにしてみた。

ちなみにYouTube上でタイムラプス2倍速に変換してみたけど、これだとタイプライター感が無いな。


タグ: コード 動画

コメントを残す