SVGとCanvasのゲームをGWTで作って公開してみるテスト。 - 日記

前回、前々回とGWTでSVGやCanvasのサンプルを作ってみましたが、なぜこんなことやったかというと、、、 迷路メーカーhttp://gwt-html5-games.appspot.com/maze.html これが作りたかったから。最初はこんな感じ。ツールバーの"brush"のボタンを押してお絵かきソフトっぽく迷路を作っていってください。完成するとこんな感じ。作った迷路は"play"ボタンで3Dっぽい画面で遊べます。緑のマスがスタート青がゴール"solve"ボタンを押すと、スタートからゴールまでの経路がオレンジで表示されます。(3Dには反映されません) 画面の上部には[svg]と[canvas]の2つのタブがついてます。それぞれ、SVGで実装したアプリとCanvasで実装したアプリで遊べます。実装が違いますが、機能自体はほぼ同じです。作ってみた印象としては、迷路を作る画面はcanvas

[efcl]

CanvasとSVGで迷路を実装。