feat: launch in ar
This commit is contained in:
		
							parent
							
								
									fc86a38166
								
							
						
					
					
						commit
						a4b030b9de
					
				
							
								
								
									
										8
									
								
								main.js
									
									
									
									
									
								
							
							
						
						
									
										8
									
								
								main.js
									
									
									
									
									
								
							@ -1,5 +1,4 @@
 | 
				
			|||||||
// TODO: refactor: make cap/end naming consistent
 | 
					// TODO: refactor: make cap/end naming consistent
 | 
				
			||||||
// TODO: feat: passthrough
 | 
					 | 
				
			||||||
// TODO: feat: detect hands
 | 
					// TODO: feat: detect hands
 | 
				
			||||||
// TODO: feat: depth
 | 
					// TODO: feat: depth
 | 
				
			||||||
// TODO: feat: detect surfaces
 | 
					// TODO: feat: detect surfaces
 | 
				
			||||||
@ -12,17 +11,18 @@
 | 
				
			|||||||
import * as THREE from 'three';
 | 
					import * as THREE from 'three';
 | 
				
			||||||
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 | 
					import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 | 
				
			||||||
import * as BufferGeometryUtils from 'three/addons/utils/BufferGeometryUtils.js';
 | 
					import * as BufferGeometryUtils from 'three/addons/utils/BufferGeometryUtils.js';
 | 
				
			||||||
import { VRButton } from 'three/addons/webxr/VRButton.js';
 | 
					import { ARButton } from 'three/addons/webxr/ARButton.js';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// Initialise scene
 | 
					// Initialise scene
 | 
				
			||||||
const scene = new THREE.Scene();
 | 
					const scene = new THREE.Scene();
 | 
				
			||||||
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
 | 
					const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const renderer = new THREE.WebGLRenderer();
 | 
					const renderer = new THREE.WebGLRenderer({ alpha: true });
 | 
				
			||||||
renderer.setSize(window.innerWidth, window.innerHeight);
 | 
					renderer.setSize(window.innerWidth, window.innerHeight);
 | 
				
			||||||
renderer.xr.enabled = true;
 | 
					renderer.xr.enabled = true;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
document.body.appendChild(renderer.domElement);
 | 
					document.body.appendChild(renderer.domElement);
 | 
				
			||||||
document.body.appendChild(VRButton.createButton(renderer));
 | 
					document.body.appendChild(ARButton.createButton(renderer));
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// Set up lights
 | 
					// Set up lights
 | 
				
			||||||
const ambientLight = new THREE.AmbientLight(0x404040);
 | 
					const ambientLight = new THREE.AmbientLight(0x404040);
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user