From be3d37c2e99dad7845582be6f097b56decc7528e Mon Sep 17 00:00:00 2001
From: Kramer <11krlu1mma@hft-stuttgart.de>
Date: Mon, 8 May 2023 17:05:41 +0000
Subject: [PATCH] Update public/index.html
---
public/index.html | 18 +++++++++++++++++-
1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index 7d2fe4b..67dcf4f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -21,7 +21,23 @@ async function activateXR() {
document.body.appendChild(canvas);
const gl = canvas.getContext("webgl", {xrCompatible: true});
- // To be continued in upcoming steps.
+ const scene = new THREE.Scene();
+
+// The cube will have a different color on each side.
+const materials = [
+ new THREE.MeshBasicMaterial({color: 0xff0000}),
+ new THREE.MeshBasicMaterial({color: 0x0000ff}),
+ new THREE.MeshBasicMaterial({color: 0x00ff00}),
+ new THREE.MeshBasicMaterial({color: 0xff00ff}),
+ new THREE.MeshBasicMaterial({color: 0x00ffff}),
+ new THREE.MeshBasicMaterial({color: 0xffff00})
+];
+
+// Create the cube and add it to the demo scene.
+const cube = new THREE.Mesh(new THREE.BoxBufferGeometry(0.2, 0.2, 0.2), materials);
+cube.position.set(1, 1, 1);
+scene.add(cube);
+
}
</script>
</body>
--
GitLab