HTML5 の Canvas で sort を可視化してみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

プログラミングを学び始めた頃を思い出そうという!!っとことでソートに関するサンプルをつくってみました.

HTML5 の Canvas を使って sort を可視化してみました.

丁度プログラミングを始めたばかりの方だとかはソートアルゴリズムの勉強前にこういった見た目でどうなっているのか 見ておくだけでも学ぶ効率が上がるのではないかなぁ~と思ってたりします.

HTML5 の canvas と JavaScript があればこういったサンプルもあっという間に作ることができます! いやぁ~面白いです!!

thumb

Read More

JavaScript 相対的なマウス位置を取得する

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

canvasでゲームを作る際に、canvasの左上を基準としたマウス位置を
取得する処理が必要になることが多々あったのでその方法をメモっておきます。

Read More

HTML5のCanvasを使って雪を降らす

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

こんな夏まっただなかだというのに雪を降らせるプログラムを作ってみました。
たいしたことはやってませんが、暑すぎて思いついちゃったんで作っちゃいました。

実行結果

[実際のサンプル]
デモイメージ

デモイメージ

色々と付けたし付けたしで何パターンか作ってみましたが、
他に何かアイデアあれば教えてください。

次はゲームを作ろうか。それともジオメトリ変換でも実装してみるか。