HTML5+Canvasでランダムな方向に移動するカラフルパーティクル 以前の記事で「HTML5+Canvasでパーティクルっぽいのを作ってみる」というのを作成しましたが、横の移動だけだったのであまり面白くありませんでした。 今回は横だけではなく縦や斜めにの方向にランダムにパーティクルを移動させたいと思います。 投稿日2017年07月19日 更新日2017年07月19日 HTML + CSS 画面幅いっぱいに表示させたいのでcanvasをdivで囲んでます。 canvas-txtにcanvasの上に表示されるコンテンツを配置します。 html <div id="canvas-wrap"> <canvas id="canvas-container"></canvas> <div id="canvas-txt"><p>CONTENTS</p></div> </div> CSSです。 今回はwi

マウスの動きに追従してぐにょぐにょするjQueryプラグイン「jquery.morphing.js」 「jquery.morphing.js」は画像などを丸くしてマウスポインターの動きに追従してぐにょぐにょ（？）することができるjQueryプラグインです。 投稿日2014年07月11日 更新日2014年07月11日 使い方 リンク先はデモも用意されていたり日本語だったりなので、そちらを見てもらった方が確実だと思いますが。。 html <div class="js-morphing"> <img src="img/01.jpg" alt=""> </div> JavaScript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="../jqu