JavaScriptを使って簡単なアニメーションを作成しました。授業で習ったコードを活用して自分の手で1から記述しています。
URL
https://adjustacademy.com/0335/d240913-040335/javascript01/index.html
担当
デザイン（2時間）、コーディング（5時間）
アニメーションの目的
親子で見て楽しめるようなアニメーションを想定しています。新幹線が好きな子どもが、繰り返し見て、新幹線の種類と行き先が一致できるようにしました。
ターゲット
1歳～5歳の子どもを持つ20～30代の女性・男性
コーディングについて
学習したコードを最大限に活かし、ボタンをクリックすると動き始める新幹線の位置や動きを調整しました。新幹線が動き終わった後に行き先の観光地の写真がタイミングよく表示されるよう工夫しました。