Skip to content

Instantly share code, notes, and snippets.

@mi-skam

mi-skam/multi.html

Last active March 31, 2023 14:53
Show Gist options
  • Save mi-skam/d46cd2007d2284a70cc235b36c1c7129 to your computer and use it in GitHub Desktop.
Save mi-skam/d46cd2007d2284a70cc235b36c1c7129 to your computer and use it in GitHub Desktop.
Download ZIP
AFRAME: Example for two instances in one browser window using iframes
Raw
multi.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<iframe
src="scene.html"
frameborder="0"
allowfullscreen
width="500"
height="500"
></iframe>
<h1>test</h1>
<iframe
src="scene.html"
frameborder="0"
allowfullscreen
width="500"
height="500"
></iframe>
</body>
</html>
Raw
scene.html
<html>
<head>
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
<a-cylinder
position="1 0.75 -3"
radius="0.5"
height="1.5"
color="#FFC65D"
></a-cylinder>
<a-plane
position="0 0 -4"
rotation="-90 0 0"
width="4"
height="4"
color="#7BC8A4"
></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment