Skip to content

Commit

Permalink
update aframe
Browse files Browse the repository at this point in the history
  • Loading branch information
@tpmccauley
tpmccauley committed Apr 11, 2024
1 parent e2fc43b commit cf61ce4
Show file tree
Hide file tree
Showing 5 changed files with 21 additions and 489 deletions.
469 changes: 0 additions & 469 deletions aframe-master.min.js
View file

This file was deleted.

Binary file added img/1cvTuu1MUXmS_equirectangular_2048.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cms-color-medium.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/icon_cern_badge.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 21 additions & 20 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,13 @@
<title>CMS A-Frame v1.0</title>
<meta name="description" content="CMS A-Frame">

<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>

<script src="https://unpkg.com/aframe-animation-component@^4.1.2/dist/aframe-animation-component.min.js"></script>
<script src="https://unpkg.com/aframe-event-set-component@^4.0.0/dist/aframe-event-set-component.min.js"></script>
<script src="https://unpkg.com/aframe-layout-component@4.2/dist/aframe-layout-component.min.js"></script>
<script src="https://unpkg.com/aframe-template-component@^3.2.1/dist/aframe-template-component.min.js"></script>
<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>

<script src="https://unpkg.com/aframe-event-set-component@5/dist/aframe-event-set-component.min.js"></script>
<script src="https://unpkg.com/aframe-layout-component@5.3.0/dist/aframe-layout-component.min.js"></script>
<script src="https://unpkg.com/aframe-template-component@3.2.2/dist/aframe-template-component.min.js"></script>
<script src="https://unpkg.com/aframe-proxy-event-component@2.1.0/dist/aframe-proxy-event-component.min.js"></script>

<script src="components/set-image.js"></script>

Expand All @@ -19,16 +20,16 @@
<a-scene>
<a-assets>

<img id="lhc0" crossorigin="anonymous" src="img/MA27852_Panorama_4096.jpg">
<img id="lhc1" crossorigin="anonymous" src="img/MA27860_Panorama_4096.jpg">
<img id="lhc0" crossorigin="anonymous" src="img/MA27852_Panorama_2048.jpg">
<img id="lhc1" crossorigin="anonymous" src="img/MA27860_Panorama_2048.jpg">

<img id="p50" crossorigin="anonymous" src="img/1102319_02_4096.jpg">
<img id="p51" crossorigin="anonymous" src="img/1102319_03_4096.jpg">
<img id="p50" crossorigin="anonymous" src="img/1102319_02_2048.jpg">
<img id="p51" crossorigin="anonymous" src="img/1102319_03_2048.jpg">

<img id="cms0" crossorigin="anonymous" src="img/Jl1MSV90aJ1L_equirectangular_4096.jpg">
<img id="cms1" crossorigin="anonymous" src="img/0pOgmYSEETO5_equirectangular_4096.jpg">
<img id="cms2" crossorigin="anonymous" src="img/1cvTuu1MUXmS_equirectangular_4096.jpg">
<img id="cms3" crossorigin="anonymous" src="img/CMS_equirectangular_4096.jpg">
<img id="cms0" crossorigin="anonymous" src="img/Jl1MSV90aJ1L_equirectangular_2048.jpg">
<img id="cms1" crossorigin="anonymous" src="img/0pOgmYSEETO5_equirectangular_2048.jpg">
<img id="cms2" crossorigin="anonymous" src="img/1cvTuu1MUXmS_equirectangular_2048.jpg">
<img id="cms3" crossorigin="anonymous" src="img/CMS_equirectangular_2048.jpg">

<img id="cms0-thumb" crossorigin="anonymous" src="img/cms0_thumb.jpg">
<img id="cms1-thumb" crossorigin="anonymous" src="img/cms1_thumb.jpg">
Expand All @@ -41,6 +42,8 @@
<img id="p50-thumb" crossorigin="anonymous" src="img/p50_thumb.jpg">
<img id="p51-thumb" crossorigin="anonymous" src="img/p51_thumb.jpg">

<img id="cmslogo" crossorigin="anonymous" src="img/cms-color-medium.png">
<img id="cernlogo" crossorigin="anonymous" src="img/icon_cern_badge.png">

<script id="link" type="text/html">
<a-entity class="link"
Expand All @@ -52,20 +55,23 @@
event-set__4="_event: mouseleave; scale: 1 1 1"
set-image="on: click; target: #image-360; src: ${src}">
</a-entity>

</script>
</a-assets>

<a-sky id="image-360" radius="10" src="#cms2"></a-sky>

<!--
<a-image src="#cmslogo" position="-2.25 1.1 -4" scale="0.5 0.5 1"></a-image>
<a-image src="#cernlogo" position="2.25 1.1 -4" scale="0.5 0.5 1"></a-image>
-->

<a-entity id="links0" layout="type: line; margin: 1.5" position="-2.25 0 -4">
<a-entity template="src: #link" data-src="#lhc0" data-thumb="#lhc0-thumb"></a-entity>
<a-entity template="src: #link" data-src="#lhc1" data-thumb="#lhc1-thumb"></a-entity>
<a-entity template="src: #link" data-src="#p50" data-thumb="#p50-thumb"></a-entity>
<a-entity template="src: #link" data-src="#p51" data-thumb="#p51-thumb"></a-entity>
</a-entity>


<a-entity id="links1" layout="type: line; margin: 1.5" position="-2.25 -1.5 -4">
<a-entity template="src: #link" data-src="#cms0" data-thumb="#cms0-thumb"></a-entity>
<a-entity template="src: #link" data-src="#cms1" data-thumb="#cms1-thumb"></a-entity>
Expand All @@ -74,8 +80,6 @@
</a-entity>

<a-entity camera look-controls>


<a-cursor id="cursor"
animation__click="property: scale; startEvents: click; from: 0.1 0.1 0.1; to: 1 1 1; dur: 150"
animation__fusing="property: fusing; startEvents: fusing; from: 1 1 1; to: 0.1 0.1 0.1; dur: 1500"
Expand All @@ -85,9 +89,6 @@
raycaster="objects: .link"></a-cursor>
</a-entity>


<a-text font="kelsonsans" value="" width="10" position="-2.25 -5.0 -4.0" rotation=""></a-text>

</a-scene>
</body>
</html>

0 comments on commit cf61ce4

Please # to comment.