手軽に花火を描画するプログラムを作ろうと思ったら、JavaScriptを使ってブラウザ上に描画するのがオススメです。前回紹介したように、Canvas APIを使うと、ブラウザ上に絵や図形を描画できます。しかも、スマートフォンのブラウザを含め、大半のブラウザ ...

Canvas APIを使用すれば、ブラウザ上で「グレースケール化」や「モザイク処理」、「色調補正」といった画像編集ソフト並みの処理を実装可能です。その核心となるのが、ピクセルデータをCanvasに書き戻す putImageData メソッドです。 実務で即座に使える ...

画像編集ソフトにある「スポイトツール」のように、Canvas上の特定座標にあるピクセル情報を取得するには、getImageData メソッドとマウスイベントを組み合わせます。これにより、マウスカーソルの位置にある正確なRGB値や透明度をリアルタイムに検出できます ...