Browse Source

Change webvr_multiview to use modules

Fernando Serrano 6 years ago
parent
commit
4fd113ba58
1 changed files with 7 additions and 8 deletions
  1. 7 8
      examples/webvr_multiview.html

+ 7 - 8
examples/webvr_multiview.html

@@ -18,13 +18,12 @@
 		</style>
 		</style>
 	</head>
 	</head>
 	<body>
 	<body>
+		<script type="module">
 
 
-		<script src="../build/three.js"></script>
-		<script src="js/vr/WebVR.js"></script>
-
-		<script src="js/geometries/BoxLineGeometry.js"></script>
-		<script src="js/libs/stats.min.js"></script>
-		<script>
+			import * as THREE from '../build/three.module.js';
+			import { BoxLineGeometry } from './jsm/geometries/BoxLineGeometry.js';
+			import { WEBVR } from './jsm/vr/WebVR.js';
+			import Stats from './jsm/libs/stats.module.js';
 
 
 			var container;
 			var container;
 			var camera, scene, renderer;
 			var camera, scene, renderer;
@@ -73,7 +72,7 @@
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.1, 10 );
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.1, 10 );
 
 
 				room = new THREE.LineSegments(
 				room = new THREE.LineSegments(
-					new THREE.BoxLineGeometry( 6, 6, 6, 10, 10, 10 ),
+					new BoxLineGeometry( 6, 6, 6, 10, 10, 10 ),
 					new THREE.LineBasicMaterial( { color: renderer.multiview.isAvailable() ? 0x99ff99 : 0xff3333 } )
 					new THREE.LineBasicMaterial( { color: renderer.multiview.isAvailable() ? 0x99ff99 : 0xff3333 } )
 				);
 				);
 				room.geometry.translate( 0, 3, 0 );
 				room.geometry.translate( 0, 3, 0 );
@@ -85,7 +84,7 @@
 
 
 				var geometry = new THREE.IcosahedronBufferGeometry( radius );
 				var geometry = new THREE.IcosahedronBufferGeometry( radius );
 
 
-				for ( var i = 0; i < 20000; i ++ ) {
+				for ( var i = 0; i < 2000; i ++ ) {
 
 
 					var object = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: Math.random() * 0xffffff } ) );
 					var object = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: Math.random() * 0xffffff } ) );