お世話になっております。 先日、JavaScriptで落下するボールのアニメーションを表現する方法をご紹介しました。 今回は、これをCanvasを利用して実装してみます。 canvasで落下するボールのアニメーションを表現する方法 デモは以下のような感じになります。 Canvasで落下するボール アニメーション部分は前回とほとんど一緒で、canvasを利用して球体っぽいものを書き出すだけですので、Createjsを利用したサンプルでご紹介します。 Createjsとは、これまでFlashで作ってたようなものをHTML5でやってみれなくもない感じにしてくれる、JavaScriptライブラリです。 ボールを作成 circle = new createjs.Shape(), //略 circle.graphics.setStrokeStyle(borderWidth) .beginStroke(