Windows・Macのブラウザ上で動作するパズルゲーム「カラ消し」を公開しました。
女の子を移動させた時、違う色の床だったら前にいた床が黒くなるので、黒い床に落ちないようにして下さい。
そうやって、全て真っ黒な床にしたらステージクリアできるパズルゲームです。
僕が2016年に作ったゲームの中で一番面白い自信があります。
Windows・Macのブラウザ上で動作するパズルゲーム「カラ消し」を公開しました。
女の子を移動させた時、違う色の床だったら前にいた床が黒くなるので、黒い床に落ちないようにして下さい。
そうやって、全て真っ黒な床にしたらステージクリアできるパズルゲームです。
僕が2016年に作ったゲームの中で一番面白い自信があります。
恐らく世界最小のゲーム「Dot」を公開しました。
https://html5.vixar.jp/dot/
真っ白な画面中央に、1ドットの黒い点が現れたり消えたりするので、黒い点が表示されている時にそれをクリックします。
こんなにシンプルなゲームなのに、ソースコードは80行ぐらいにもなりました。
2つの同じものを1組探す「二個探し」をアレンジして、歌詞の中から同じ単語を探すクイズ「二語探し」を公開しました。
ただし3つ以上同じものは答えにはなりません。

https://html5.vixar.jp/letter/
絵をたくさん用意するのは大変だけど、文章なら簡単に用意できて楽でした。
「ROXIGA.COM」というホームページをYahoo!カテゴリで「スマホ対応」のマークを付けてもらいました。
http://dir.yahoo.co.jp/Computers_and_Internet/Mobile_Computing/Cellular_Phone_and_PHS/Cellular_Phone/Mobile_Games/
「スマホ対応」マークの付けてもらい方は、まず最初にYahoo!カテゴリにホームページを登録してもらいます。
それからカテゴリサイトの「変更」の手続きで「スマホ対応」をお願いしたら、スマホに対応している場合は多分必ずマークを付けてもらえます。
このやり方で、「HTML5研究所」というホームページも「スマホ対応」のマークを付けてもらいました。
http://dir.yahoo.co.jp/Computers_and_Internet/Programming_and_Development/Programming_Languages/JavaScript/Games/
「Vixar Studio for HTML5」の商用利用は有料です。
https://vixar.jp/html5/
商用利用は必ず作者の許可が必要です。
ただし個人で非商用目的ならフリーソフトです。
今回のバージョンアップから、標準のJavaScriptだけでなく「jQuery」のプログラミングの入門講座も設けました。
今後は「jQuery」入門ドキュメントを増やしていこうと思っています。
遅くなりましたが「VixarStudio for HTML5」は、短いコードを少しずつ追加していって、その場でプログラムをコーディングして実行できる、HTML5+CSS+JavaScriptプログラミング入門のための実習システムです。
HTML5アプリをJavaScriptでコーディングしてゲームなどのコンテンツを作る際に、初期化を簡単に実装する方法です。
単に初期化の際に同じページをリロードしてやれば楽です。
リロードには、
location.reload()
メソッドがありますが、一瞬画面がちらつくので、
location.href = “現在のHTMLページ名”
としたほうがちらつきません。
特にjQueryのBox2Dプラグインは仕様が制限が大きいので、この初期化が楽です。