約1時間で作成してみました。変数の名前などは大目に見てください。楽しいのでどんどん機能拡張します。 var MATH_CIRCLE = Math.PI * 2; var _interval = 100; var _x = 500; var _y = 500; var _radius = 10; var _count = 0; var _ctx; var _timer; windo…

HTML5のcanvas機能を利用してお絵かきサンプルを作成中だが、普段はHTML等のレイアウト作成をしていないからいろいろな気づきがある。たとえばマウスを動かしたところに色を塗る処理で、線の太さを変えるだけではこんな画像のようになって、非常に汚いライン…

HTML5のcanvas機能について勉強中。 一部参照：http://ascii.jp/elem/000/000/513/513377/今回お絵かきのサンプルを作ったが、直前の座標と直後の座標で線を結ぶ必要があるということが一番のポイントだったような気がする。言われてみれば当然だけど。こう…