So-net無料ブログ作成

迷路自動生成プログラム [自動生成プログラム]


Maze


迷路自動生成ウェブ アプリケーションです。

画面に青色の枡緑色の枡があるかと思います。
青色の枡はキーボードの "E(上), S(左), D(下), F(右)" または "I(上), J(左), K(下), L(右)" キーで移動出来ます。
ゴールは緑色の枡です。
スタート(赤色の枡)とゴール(緑色の枡)は互いに最も遠くなるように "幅優先探索" アルゴリズムで配置してあります。
画面上部の "Generate New Maze" ボタンを押すと迷路を再生成します。
"Level Up" ボタン及び "Level Down" ボタンを押すと、迷路の規模が変わります。
Level: 4だとゴールまで1分以上掛かるかも知れません。
どうぞお楽しみ下さいませ。

もしも何か問題が生じても私は責任を取れませんので御了承下さいませ。

[このプログラムについて]
" HTML5 " の " Canvas " 要素を利用して画面の描画をしております。
このプログラムのコードは全てブログ記事のHTML文書内に " JavaScript " で記述したものであり、作成するに当たってテキスト エディターとウェブ ブラウザー以外は何も使用しておりません。
追加のライブラリーなどは一切使用せず、純粋にHTML5対応ブラウザーだけで動作致します。
[ソースコード]
" Yahoo!ボックス " サーヴィスにソース コードのhtml ファイルをアップロードして公開させて頂きます。
次のリンク先のページにある " ダウンロード " ボタンを押すと当プログラムのhtml ファイルをダウンロード出来ます。
Yahoo!ボックス: https://yahoo.jp/box/8N8x6s

最終確認日: 2019年07月03日
nice!(0)  コメント(1) 

nice! 0

コメント 1

Kendra

Hey there just wanted to give you a quick heads up. The text in your article seem to be running off the screen in Safari.

I'm not sure if this is a formatting issue or something to do
with internet browser compatibility but I thought
I'd post to let you know. The style and design look great though!
Hope you get the issue resolved soon. Many thanks
It’s appropriate time to make some plans for the longer term and it’s time to be
happy. I have read this post and if I could I desire to
suggest you some fascinating issues or tips. Perhaps you can write next
articles relating to this article. I want to read more things approximately it!
I have been surfing online more than 3 hours today,
yet I never found any interesting article like yours. It is pretty worth enough for me.
In my opinion, if all site owners and bloggers made good content as you did, the net will be much
more useful than ever before. http://foxnews.net
by Kendra (2019-07-18 02:57) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。