Three.js 10 - yoshiweb/labs GitHub Wiki

Three.js 10 その他

AxisHelper

http://threejs.org/docs/#Reference/Extras.Helpers/AxisHelper
XYZ軸を表示する

var axisHelper = new THREE.AxisHelper( 5 );
scene.add( axisHelper );

https://yoshiweb.github.io/labs/html/threejs/basic/10-1.html

OrbitControls

https://raw.githubusercontent.com/mrdoob/three.js/master/examples/js/controls/OrbitControls.js

  • OrbitControls.js をHTMLに読み込み
  • カメラオブジェクトを引数に渡し、コントロールオブジェクトを生成
  • レンダリング時にアップデートを実行
var controls = new THREE.OrbitControls(camera);
controls.update();

https://yoshiweb.github.io/labs/html/threejs/basic/10-2.html