From 73e5f74483cec20f10be0c6e1770750919637a90 Mon Sep 17 00:00:00 2001 From: Alfakhori <muhammad.alfakhori@hft-stuttgart.de> Date: Tue, 2 May 2023 11:55:49 +0000 Subject: [PATCH] Add new file --- public/webXR | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 public/webXR diff --git a/public/webXR b/public/webXR new file mode 100644 index 0000000..f0a49af --- /dev/null +++ b/public/webXR @@ -0,0 +1,28 @@ +<!doctype html> +<html> +<head> + <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>Hello WebXR!</title> + + <!-- three.js --> + <script src="https://unpkg.com/three@0.126.0/build/three.js"></script> +</head> +<body> + +<!-- Starting an immersive WebXR session requires user interaction. + We start this one with a simple button. --> +<button onclick="activateXR()">Start Hello WebXR</button> +<script> +async function activateXR() { + // Add a canvas element and initialize a WebGL context that is compatible with WebXR. + const canvas = document.createElement("canvas"); + document.body.appendChild(canvas); + const gl = canvas.getContext("webgl", {xrCompatible: true}); + + // To be continued in upcoming steps. +} +</script> +</body> +</html> -- GitLab