【three.jsのヘルパー解説集】 ⑨ GridHelperの使い方

GridHelper

継承：THREE.Line
解説：グリッドを表示してくれるヘルパーです。床として設置しておくとオブジェクトの位置などが把握しやすくなります。three.jsで開発する際はまずこのヘルパーを設置してから始めると効率良く進められるのでおすすめです。

デモ

• jsdo.itで確認する。
• ソースコードを確認する。　

実装例

javascript

var size = 10;
var step = 1;

var gridHelper = new THREE.GridHelper(size, step);
scene.add(gridHelper);

GridHelper(size, step, colorCenterLine, colorGrid)

• size：グリッド全体のサイズ
• step：1分割のサイズ
• colorCenterLine：中央十字ラインの色
• colorGrid：中央十字ライン以外の色