無事に動いているのですが、実際はよくわかっていません。 これで、アニメーションしています。 本当はClassの中をすべて変数にして、いろんな円を作りやすくするんでしょうね。次回は、この円が大量に動いているものをあげます。 参考にしたもの ...

Canvas（JavaScript）の勉強をしてます。 今は、Canvasの「基本の基本」に取り組んでおります。 今回は、文字の書き方（表示の仕方）です。 参考にしているのは、MDNです。 文字を描くcanvas のレンダリングコンテキストでは、2 種類のテキスト描画方法を提供し ...

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun ...

次に、ボールを打ち返すバーがタッチ操作に従って動くようにします。画面内での指の動きは、touchMoveイベントで検知します。 画面の背景であるBgにtouchMoveイベントを登録するため、ja.imageUnitObj["Bg"].addEventListener("touchUp", this); の後に、以下を追加します。

ImageManipulation is a simple Javascript library (without dependencies) that can be used to manipulate images in certain ways by replacing them with canvas elements and manipulating their direct ...