はじめに 前回の記事ではthree.jsのCubeを迷路内で歩かせるものを作りました。 今回は別パターンの移動方法、経路探索を利用したマウスクリックベースの移動デモをやってみます。 下記は、今回用に書いたJSコードです。その他汎用ライブラリと合わせて読み込んでください。 FieldGenerator.js FieldStage.js MrCube.js RouteSearch.js フィールド生成 前回までは迷路が舞台でしたが、今回はマウスクリックベースの移動なので、戦略ゲームのようなフィールドを用意することにしました。 [Demo] Square_001 (WebGLRenderer or CanvasRenderer) [JSソース] マウスドラッグでフィールドの回転、マウスホイールでズームが行えます。 マウスのヒット判定 まずやらなければいけないのは、フィールドのどこをクリックしてい
![【3】Cubeで遊ぼう! 経路探索編 - はじめてのthree.js | Xlune::Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcf9e18e59c2dd48581d8911b1c1683fd59960c8/height=288;version=1;width=512/http%3A%2F%2Fblog.xlune.com%2Fimages%2Fsocial_image.png)