はじめに 前回の記事ではthree.jsのCubeを使って迷路データを3Dで書きだすまでをやりました。 今回はその迷路の中を歩きまわるCube君を投入していきますよー。 ・・・その前に、JSコードがかさばるので前回分のコードは最適化して外部ファイルにしてます。事前に読み込んでください。 Maze.js Stage.js そして下記が、今回の開始時のスクリプトになります。 その他の外部ファイルは前回とほぼ同じですが "RequestAnimationFrame.js" だけ外してあります。 [Demo] Cube_001 (WebGLRenderer or CanvasRenderer) Cube_001 (CanvasRenderer) 配置と移動 壁と同じ要領で、Cubeを作って開始位置に設置します。また、矢印キーで上下左右に移動する実装もここで行っています。 [Demo] Cube_0
![【2】Cubeで遊ぼう! Tweenアニメーション編 - はじめてのthree.js](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)