PCブラウザ向けパズルゲーム「カラ消し」公開

Windows・Macのブラウザ上で動作するパズルゲーム「カラ消し」を公開しました。

erase
https://html5.vixar.jp/erase/

女の子を移動させた時、違う色の床だったら前にいた床が黒くなるので、黒い床に落ちないようにして下さい。
そうやって、全て真っ黒な床にしたらステージクリアできるパズルゲームです。

僕が2016年に作ったゲームの中で一番面白い自信があります。

世界最小ゲーム「Dot」を公開

恐らく世界最小のゲーム「Dot」を公開しました。
https://html5.vixar.jp/dot/

真っ白な画面中央に、1ドットの黒い点が現れたり消えたりするので、黒い点が表示されている時にそれをクリックします。

こんなにシンプルなゲームなのに、ソースコードは80行ぐらいにもなりました。

歌詞の単語クイズ「二語探し」を公開しました

2つの同じものを1組探す「二個探し」をアレンジして、歌詞の中から同じ単語を探すクイズ「二語探し」を公開しました。

ただし3つ以上同じものは答えにはなりません。

Letter1
https://html5.vixar.jp/letter/

絵をたくさん用意するのは大変だけど、文章なら簡単に用意できて楽でした。

Yahoo!カテゴリで「スマホ対応」マークを付けてもらうには?

「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/

VixarStudioHTML5の商用利用

「Vixar Studio for HTML5」の商用利用は有料です。
https://vixar.jp/html5/
商用利用は必ず作者の許可が必要です。
ただし個人で非商用目的ならフリーソフトです。

今回のバージョンアップから、標準のJavaScriptだけでなく「jQuery」のプログラミングの入門講座も設けました。
今後は「jQuery」入門ドキュメントを増やしていこうと思っています。

遅くなりましたが「VixarStudio for HTML5」は、短いコードを少しずつ追加していって、その場でプログラムをコーディングして実行できる、HTML5+CSS+JavaScriptプログラミング入門のための実習システムです。

HTMLページでJavaScriptコードを初期化

HTML5アプリをJavaScriptでコーディングしてゲームなどのコンテンツを作る際に、初期化を簡単に実装する方法です。
単に初期化の際に同じページをリロードしてやれば楽です。

リロードには、
location.reload()
メソッドがありますが、一瞬画面がちらつくので、
location.href = “現在のHTMLページ名”
としたほうがちらつきません。

特にjQueryのBox2Dプラグインは仕様が制限が大きいので、この初期化が楽です。