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

作成日:

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

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

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

さてどうするか。

・・・

・・・

💡せや!

簡単に出来た。

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

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

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

物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。