<!DOCTYPE html>
<html>
<head>
<title>Portals - 06 - Appearance</title>
<script src="https://aframe.io/releases/1.4.1/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component@1.3.7/dist/aframe-environment-component.min.js"></script>
</head>
<body>
<a-scene background="color:lightblue">
<a-assets>
<img
id="portals03preview"
src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2Fscreenshot-portals%20-%2003%20-%20preview-1589268083342.png?v=1589268160819"
/>
<img
id="portals04preview"
src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2Fscreenshot-portals%20-%2004%20-%20preview-1589268108431.png?v=1589268161303"
/>
<img
id="portals05preview"
src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2Fscreenshot-portals%20-%2005%20-%20preview-1589268118539.png?v=1589268155556"
/>
</a-assets>
<a-entity environment="preset: tron; playArea: 5"></a-entity>
<a-link
position="-3 2 -2"
link="visualAspectEnabled:false"
href="/examples/0600-portals-04-preview.html"
title="Go to second environment"
>
<a-sphere src="#portals04preview"></a-sphere>
</a-link>
<a-cylinder position="-3 0.5 -2" radius="0.25"></a-cylinder>
<a-link
position="0 2 -2"
link="visualAspectEnabled:false"
href="/examples/0600-portals-04-preview.html"
title="Go to second environment"
>
<a-box scale="1.5 1.5 1.5" src="#portals04preview"></a-box>
</a-link>
<a-cylinder position="0 0.5 -2" radius="0.25"></a-cylinder>
<a-link
position="3 2 -2"
image="#portals05preview"
href="/examples/0600-portals-05-preview.html"
title="Go to third environment (default link appearance)"
></a-link>
<a-cylinder position="3 0.5 -2" radius="0.25"></a-cylinder>
<a-camera>
<a-cursor></a-cursor>
</a-camera>
</a-scene>
</body>
</html>