HTML5+Canvasでランダムな方向に移動するカラフルパーティクル
以前の記事で「HTML5+Canvasでパーティクルっぽいのを作ってみる」というのを作成しましたが、横の移動だけだったのであまり面白くありませんでした。
今回は横だけではなく縦や斜めにの方向にランダムにパーティクルを移動させたいと思います。
- 投稿日
- 更新日
以前の記事で「HTML5+Canvasでパーティクルっぽいのを作ってみる」というのを作成しましたが、横の移動だけだったのであまり面白くありませんでした。
今回は横だけではなく縦や斜めにの方向にランダムにパーティクルを移動させたいと思います。
すごく簡単なものですが、HTML5+Canvasを使用してマウスの操作に反応するインタラクティブアニメーションを作成してみたいと思います。
HTML5のCanvasをそのまま使おうとすると結構大変ですね。そこでCanvasのライブラリとか使うと効率がいいらしいのでまとめてみました。
HTML5 の File API を使用することでドラッグ&ドロップでの複数ファイルの取得や、ローカルファイルのちょっとした加工などができるようになりました。
この記事では、画像とテキストファイルを簡単に表示する方法をご紹介します。