threejs-portal-effect/index.html at real/currents · Real-Currents/threejs-portal-effect · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>WebXR Portal Effect</title>
		<link rel="stylesheet" href="src/index.css">

		<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script>

		<script type="importmap">
			{
				"imports": {
					"three": "../build/three.module.js",
					"three/addons/": "./jsm/"
				}
			}
		</script>
	</head>
	<body>

	    <div id="info">
			<a href="https://threejs.org" target="_blank" rel="noopener">Three.js</a> - <a href="https://github.com/dancingfrog/threejs-portal-effect" target="_blank"><strong>WebXR Portal Effect</strong></a> <br />
			(a demo of how to use clipping planes to construct/project a WebXR scene in mixed reality - <strong>through the portal!</strong>)
		</div>

<!--		<script type="module" src="src/index.js"></script>-->
		<script type="module" src="src/main.js"></script>
	</body>
</html>