はじめに JavaScriptとCanvasの練習がてら、多角形／星形多角形を描いて遊びました。 具体的には下記を実装してみました。 ・円と線分を描く ・1秒ごとに頂点の数を増やす ・隣の頂点と繋ぐ／隣の隣と繋ぐ…とN個飛ばしで頂点をつなげるようにする 頂点0個飛ばし（多角形）頂点1個飛ばし（星形 ...

これで HTMLで指定している四角とJavaScriptで命令している円形が表示されました。 次に時計の時間を示す目盛りを書いていきます。 円形を等分していくために角度をとって分割していきます。その角度はラジアンを使って計算していきます。 角度は普段は0度から360度までの度数法を使ってい ...

HTML5の新機能「Canvas」を使えば、JavaScriptでグラフのような図形を手軽に描画できる。 IE対応のライブラリも活用して試してみよう。

But unfortunately, it can be kind of a pain to work with, especially for those coming from a Flash animation background. Easel JS is a JavaScript library for working with the HTML5 Canvas element.

HTML/CSS、JavaScript、図形描画（Canvas）などのWeb技術の基本を学びながら、パズル・アクション・シューティングから物理エンジンを使ったゲーム ...

SpyreStudiosにおいて、HTML5のCanvas機能を使って画像を読み込み、さらにその画像を白黒画像に変換して表示する方法が紹介されている。Canvasを使っ ...