Champloo音楽やライブ(HM/HRやボカロなど)、旅行など、ごちゃっとした日記2004-11-14Webブラウザで動く15パズルプログラミング最近JavaScriptを勉強していたのですが、プログラミング言語を自分のものにするには、自分で一からプログラムを作るのが一番、というわけでWebブラウザで動く15パズルなるものを作ってみました。プログラミング技術的には、以下のようなものを利用してます。マウスのクリック・イベントを処理する(数字パネルの移動操作に利用)動的にHTMLを書き換える(数字パネルの表示処理に利用)2次元配列を扱う(数字パネルのデータ処理に利用)他にも色々細かいテクニックを使う必要があって、JavaScriptの良い勉強になった。遊べるものにもなったし。するとソースを見たいという奇特な人がいるかもしれないので少し解説。JavaScriptコードは、主に15puzzle.jsにあります。HTMLの方は、ここで定義している関数を呼ぶだけです。このプログラムはオープンソースということにしときます。自由に配布、使用、改変など行って構いませんが、その結果については一切保障しませんので、自己責任ということでお願いします。一応FirefoxとIEで動作確認したので、ほとんどのWebブラウザで動くはず。色もアイコンも使ってないので、見た目が味気ないなぁ。ゲームとしても、時間や手数に制限つけたりすれば、もうちょっと面白いものになったかも。JavaScriptの勉強が目的だから、あんまりこだわるつもりはなかったんだけど。(103)注目記事はてなブログをはじめよう!NATさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。