これは結構おすすめです。
２色、３色、７色版とそれぞで作っていたのですが、
実際に遊んでみて面白かった３色版をリメイクしました。
色を増やすのは簡単なので、パラノイアなかたは途轍もない色数にしてみてください。
ライツアウトHTML版
では上のリンクを開いて遊んでみてください。
NewGameをクリックして5と入力してください。
これは5手詰めの問題をつくるという意味です。
それでは5回クリックして全部青いタイルにしましょう。
このHtmlを作ったきっかけは、その昔、javascriptを勉強しようと思ったからです。
以前excelVBAで作成したものを移植しました。
旧版も比較のためにアップします。かなり強引なスクリプトですね。
ライツアウトHTML版（旧）
そして今回Safari用に組み替えました。
多分text-shadow以外はほかのブラウザでも使えると思います。。
主な変更点。
1.TDエレメントをゲームボードの１マスに見立てる部分は同じですが、
TDの背景色が取得できなかったので、classを使用しました。
背景の色はスタイルシートで指定するようにしています。
2.document.allをやめてgameboard.getElementsBytagNameでTDを取得するようにしました。
配列の添字が簡単になりました。
3.解答の開示をHTMLに埋め込みました。
１回だけクリックできるようにしてユーザーがクリックしながら解答を進められる様にしています。
 GiveUpをクリックしたところ。解答がtext-shadowです。  |
4.解答のナビとしてマス目の数字を表示させたり、消したりできるようにしました。
 |
5.onclickを動的に埋めこみました。