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