<!DOCTYPE html>
<html>
<head>
<title>360º VR - 02 - Information Panel</title>
<script src="https://aframe.io/releases/1.4.1/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
<script src="https://unpkg.com/aframe-webcentric-component/dist/aframe-webcentric-component.min.js"></script>
</head>
<body>
<a-scene webcentric stats>
<a-assets>
<img
id="fci"
src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2FFCI-MDS-01.png?v=1589546071255"
/>
<img
id="infopanel-background"
src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2Finfopanel-down.png?v=1589543923454"
/>
<img
id="classroom"
src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2FR0010059.JPG?1525432731662"
/>
</a-assets>
<a-sky src="#classroom"></a-sky>
<a-entity class="infopanel" position="0 1.6 -1.5" rotation="0 34 0" look-at="#camera">
<a-image src="#infopanel-background" height="1" width="1"></a-image>
<a-text
class="title"
font="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/fonts/montserrat-bold.fnt"
position="0.07 0.44 0.001"
width="1"
value="Information"
align="left"
color="#595a5a"
anchor="center"
baseline="top"
height="0.02"
wrap-count="20"
></a-text>
<a-image
position="-0.1764 0.2 0.001"
src="#fci"
height="0.3"
width="0.5"
></a-image>
<a-text
class="description"
baseline="top"
width="0.86"
font="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/fonts/montserrat.fnt"
position="-0.43089 -0.014 0.001"
value="The University of Saint Joseph is a leading international university in China’s Special Administrative Region (SAR) of Macao, where the creative and cultural industries are acknowledged as a strategic area for the development of a vibrant and pioneering cluster of businesses and entrepreneurs. "
align="left"
color="black"
>
</a-text>
</a-entity>
<a-entity class="infopanel" scale="200 200 200" position="297.67799 45.3207 -126.22033" rotation="7.700776454248429 -67.02226224660613 0" look-at="#camera">
<a-image src="#infopanel-background" height="1" width="1"></a-image>
<a-text
class="title"
font="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/fonts/montserrat-bold.fnt"
position="0.07 0.44 0.01"
width="1"
value="Information"
align="left"
color="#595a5a"
anchor="center"
baseline="top"
height="0.02"
wrap-count="20"
></a-text>
<a-image
position="-0.1764 0.2 0.01"
src="#fci"
height="0.3"
width="0.5"
></a-image>
<a-text
class="description"
baseline="top"
width="0.86"
font="https://raw.githubusercontent.com/jorgecardoso/aframe-course-resources/master/fonts/montserrat.fnt"
position="-0.43089 -0.014 0.01"
value="The University of Saint Joseph is a leading international university in China’s Special Administrative Region (SAR) of Macao, where the creative and cultural industries are acknowledged as a strategic area for the development of a vibrant and pioneering cluster of businesses and entrepreneurs. "
align="left"
color="black"
>
</a-text>
</a-entity>
<a-entity id="cameraRig">
<a-camera id="camera" wasd-controls-enabled="false"
><a-cursor></a-cursor
></a-camera>
</a-entity>
</a-scene>
</body>
</html>