From 6c1eba4960935a496e6b4c63777f1226b2880360 Mon Sep 17 00:00:00 2001 From: Percen <21pesi1bif@hft-stuttgart.de> Date: Sun, 8 Dec 2024 21:14:09 +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); + } -- GitLab