Examples: Added OrbitControls to webvr_paint and webvr_sculpt.

Author: mrdoob

examples/webvr_paint.html

@@ -19,14 +19,15 @@
 		<script type="module">
 
 			import * as THREE from '../build/three.module.js';
+			import { OrbitControls } from './jsm/controls/OrbitControls.js';
 			import { TubePainter } from './jsm/misc/TubePainter.js';
 			import { WEBVR } from './jsm/vr/WebVR.js';
 
 			var container;
 			var camera, scene, renderer;
 			var controller1, controller2;
 
-			var painter;
+			var controls, painter;
 
 			var up = new THREE.Vector3( 0, 1, 0 );
 
@@ -44,6 +45,10 @@
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.01, 50 );
 				camera.position.set( 0, 1.6, 3 );
 
+				controls = new OrbitControls( camera, container );
+				controls.target.set( 0, 1.6, 0 );
+				controls.update();
+
 				var geometry = new THREE.BoxBufferGeometry( 0.5, 0.8, 0.5 );
 				var material = new THREE.MeshStandardMaterial( {
 					color: 0x444444,

examples/webvr_sculpt.html

@@ -19,15 +19,15 @@
 		<script type="module">
 
 			import * as THREE from '../build/three.module.js';
-
+			import { OrbitControls } from './jsm/controls/OrbitControls.js';
 			import { MarchingCubes } from './jsm/objects/MarchingCubes.js';
 			import { WEBVR } from './jsm/vr/WebVR.js';
 
 			var container;
 			var camera, scene, renderer;
 			var controller1, controller2;
 
-			var blob;
+			var controls, blob;
 
 			var points = [];
 
@@ -46,6 +46,10 @@
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.02, 50 );
 				camera.position.set( 0, 1.6, 3 );
 
+				controls = new OrbitControls( camera, container );
+				controls.target.set( 0, 1.6, 0 );
+				controls.update();
+
 				var geometry = new THREE.BoxBufferGeometry( 0.5, 0.8, 0.5 );
 				var material = new THREE.MeshStandardMaterial( {
 					color: 0x444444,