月別アーカイブ: 2019年3月

手書き風アニメーション

見えない魔法のペン

テニスの選手が透明板にサインすると裏側から撮影しているのに表から眺めたような表示があります。そんな具合に手書きした文字が遅れて順に表示されるツールがあります。

手書き風アニメーションを作るツールとして
➊Vivus Instant
➋SVGでハンドライティングアニメーションを実装する
➌Lazy Line Painter

などがあります。どのツールも一長一短があり、ずばりこれが最高と決めつけることはできません。どれも使いこなすにはこつ、粘り強い熱意が必要です。➌Lazy Line Painterは紹介記事よりも実態が進んでいて動作まで手こずりましたが、納得いくところまで到達しましたので解明を続行します。

例題とねらい

卒業祝いにメッセージをプレゼントしたいと考えましたが間に合いませんでした。そこで入園、入学祝いに動くメッセージを贈呈することに急きょ変更しました。

2018年の女の子の呼び名で『あかり』の人気は高いようです。あかりちゃんの入園式のお祝いメッセージを手書き風アニメーションにしました。

自分の娘や孫へ正式にプレゼントするには名前の部分を変更しなければなりませんが、多少のプログラミング知識を要します。

すべて他人任せやただ乗りはGAFA(ガーファ)支配の危惧のように少し心配です。50人いや10人に一人くらいはプログラミングに精通した人間が育ってほしいです。

当ブログは以前からこのことを目指してきました。350ページほどのプログラミング解説本を電子出版しています。256円です。意欲のある方は情報媒体今昔をご覧ください。

動くメッセージは新しい技術ではありませんが目を引く広告として伸びる分野でしょう。ネット上をさまよえばいろんなコンテンツに出会います。当ブログはコンテンツそのものではなく作り方を語る場です。具体的な作成は次回以降になります。

動作例

Lazy Line Painter image/svg+xml 再び実行させるには音符記号をクリックしてください。 音楽:DOVA-SYNDROMEより 『南国ジングル』 ©2019 TacM, Ver0.01

余談

    1. 記事は本文だけでありウィジェット欄を設けていません
    2. ブラウザの動作状況
番号 ブラウザ名 動作状況
1 chrome
2 FireFox
3 opera
4 edge