diff --git a/main.js b/main.js
index a4e4fc1..cbdfcae 100644
--- a/main.js
+++ b/main.js
@@ -1,5 +1,4 @@
 // TODO: refactor: make cap/end naming consistent
-// TODO: feat: passthrough
 // TODO: feat: detect hands
 // TODO: feat: depth
 // TODO: feat: detect surfaces
@@ -12,17 +11,18 @@
 import * as THREE from 'three';
 import { OrbitControls } from 'three/addons/controls/OrbitControls.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
 const scene = new THREE.Scene();
 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.xr.enabled = true;
+
 document.body.appendChild(renderer.domElement);
-document.body.appendChild(VRButton.createButton(renderer));
+document.body.appendChild(ARButton.createButton(renderer));
 
 // Set up lights
 const ambientLight = new THREE.AmbientLight(0x404040);