From 352d6d8b1ea47edbda8313a336c692874af8f696 Mon Sep 17 00:00:00 2001
From: Alfakhori <muhammad.alfakhori@hft-stuttgart.de>
Date: Wed, 3 May 2023 08:04:25 +0000
Subject: [PATCH] Update public/page1.html
---
public/page1.html | 18 +++++++++---------
1 file changed, 9 insertions(+), 9 deletions(-)
diff --git a/public/page1.html b/public/page1.html
index f032c86..3b04a0b 100644
--- a/public/page1.html
+++ b/public/page1.html
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <title>Hit 1.0</title>
+ <title>Hit 2.0</title>
<!-- three.js -->
<script src="https://unpkg.com/three@0.126.0/build/three.js"></script>
@@ -24,8 +24,7 @@ async function activateXR() {
const scene = new THREE.Scene();
-const scene = new THREE.Scene();
-
+// The cube will have a different color on each side.
const directionalLight = new THREE.DirectionalLight(0xffffff, 0.3);
directionalLight.position.set(10, 15, 10);
scene.add(directionalLight);
@@ -100,17 +99,18 @@ const onXRFrame = (time, frame) => {
renderer.setSize(viewport.width, viewport.height)
// Use the view's transform matrix and projection matrix to configure the THREE.camera.
- camera.matrix.fromArray(view.transform.matrix)
camera.projectionMatrix.fromArray(view.projectionMatrix);
camera.updateMatrixWorld(true);
const hitTestResults = frame.getHitTestResults(hitTestSource);
if (hitTestResults.length > 0 && reticle) {
- const hitPose = hitTestResults[0].getPose(referenceSpace);
- reticle.visible = true;
- reticle.position.set(hitPose.transform.position.x, hitPose.transform.position.y, hitPose.transform.position.z)
- reticle.updateMatrixWorld(true);
- }
+ const hitPose = hitTestResults[0].getPose(referenceSpace);
+ reticle.visible = true;
+ reticle.position.set(hitPose.transform.position.x, hitPose.transform.position.y, hitPose.transform.position.z)
+ reticle.updateMatrixWorld(true);
+}
+
+
// Render the scene with THREE.WebGLRenderer.
renderer.render(scene, camera)
--
GitLab