-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome-scene.html
102 lines (82 loc) · 7.89 KB
/
home-scene.html
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>A-Frame Logo</title>
<meta name="description" content="A-Frame Logo - A-Frame">
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-event-set-component@4.2.1/dist/aframe-event-set-component.min.js"></script>
<script>
// A simple aframe component to handle the click
AFRAME.registerComponent('handle-click', {
init: function () {
// When you click on an element, run the animation on the parent element
this.el.addEventListener('click', () => {
window.banter.setText(this.el.object3D.children[0].id, atob("c2RxLnN0L3dvbmU="));
})
}
});
addEventListener("DOMContentLoaded", () => {
});
</script>
</head>
<body>
<a-scene>
<a-text value="Please update banter or you may \nnot be able to hear everyone!" align="center" position="0 -0.21 -7.41" scale="2 2 2" rotation="-45 0 0"></a-text>
<!--
<script src="https://vidya-player.glitch.me/portals.js" shape="line" spiral-tightness="0.2" offsets="5.5,2.5,0,-2.5,-5.5" scale-offsets="1.5, 1.2, 1.8, 1.2, 1.5"
show-events="true" spacing="2.7" position="0 1 -11.3" rotation="0 0 0" space-limit="5"></script> -->
<!-- <a-link position="0 1 -11.3" rotation="0 0 0" scale="1.8 1.8 1.8" href="https://the-bantrooms42.glitch.me"></a-link> -->
<!--
<a-entity sq-browser-interaction sq-browser="mipMaps: 3; pixelsPerUnit: 1600; mode: local; url: https://bantervr.com/events;"
position="-8 2 -1" rotation="0 -90 0" scale="4 4 4"></a-entity> -->
<!--
<a-plane color="#000" position="8 2.5 -10" rotation="0 -60 0" width="5.5" height="5">
<a-text position="0 0 0.01" align="center" baseline="center" value="WARNING: EVENTS ARE RECORDED\n\nBy joining a Banter VR event, you're entering \na virtual space where visuals, sound, and data might \nbe captured. By participating, you allow Banter \nand its partners to use any interviews, photos, audio, \nand videos for various purposes, including promotions \nand broadcasts. You waive all rights to these materials \nand release Banter and its team from any liability \nregarding their use.You give up any claims to \ncompensation or rights over these materials' \nuse and won't review or approve any captured \ncontent. Unauthorized recordings during the event\n are monitored; recording any part is prohibited. \nViolators will be removed and must forfeit the \nrecording. Your participation confirms \nunderstanding and agreement with these terms."></a-text>
</a-plane> -->
<!--
https://sq-community.glitch.me/ https://sq-new-users.glitch.me/ https://sq-community.glitch.me/ -->
<!-- A box to click to be able to open a page -->
<!-- <a-link position="-2.5 1 -11.3" rotation="0 0 0" scale="1.2 1.2 1.2" href="https://slipstream.glitch.me/"></a-link> -->
<!-- https://sq-wintersport-resort.glitch.me/ -->
<!-- <a-link position="2.5 1 -11.3" rotation="0 0 0" scale="1.2 1.2 1.2" href="https://the-black-night.glitch.me/"></a-link> -->
<a-entity position="-1.097729 -1 -61.5" rotation="0 -100 0">
<a-entity animation="property: object3D.position.y; from: 5; to: 0; dur: 4000; easing: easeOutCubic">
<a-entity position="0 880 1290" rotation="-34 0 0">
<a-entity id="camera" camera="near: 1000; far: 4000; fov: 2.2"></a-entity>
</a-entity>
</a-entity>
<a-entity id="logo" rotation="0 145 0">
<a-image position="5.71 0.5 10" side="back" rotation="-20 0 0" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/chrome_qyR38Mazmq.png?v=1670672999040"></a-image>
<a-entity animation="property: object3D.scale.y; from: 0.0001; to: 1; delay: 200; dur: 1000; easing: easeOutCubic" rotation="-20 0 0" position="0 0 10.75" scale="1 0.0001 1" event-set__loaded="visible: true; _delay: 300" visible="false">
<a-box sq-collider width="12.5" depth="1" height="30" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" position="0 15 0">
<a-entity animation="property: object3D.scale.y; from: 0.0001; to: 1; delay: 800; dur: 800; easing: easeOutCubic" rotation="-140 0 0" position="0.1 15 0.1" scale="1 0.0001 1">
<a-box sq-collider width="12.49" depth=".1" height="30" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes%20(1).jpg?v=1681413359309" position="0 15 -.58" shader="flat"></a-box>
<a-box sq-collider width="12.5" depth="1" height="30" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" position="0 15 0"></a-box>
</a-entity>
</a-box>
</a-entity>
<a-entity animation="property: object3D.scale.y; from: 0.0001; to: 1; delay: 800; dur: 600; easing: easeOutCubic" rotation="-90 0 0" position="0 8 7.5" scale="1 0.0001 1" event-set__loaded="visible: true; _delay: 500" visible="false">
<a-box sq-collider width="12.45" depth=".1" height="14" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes%20(1).jpg?v=1681413359309" position="-0.1 7 .58" shader="flat"></a-box>
<a-box sq-collider width="12.5" depth="1" height="14" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" position="-0.1 7 0"></a-box>
</a-entity>
<!-- Clouds -->
<a-entity>
<a-box sq-collider animation="property: object3D.position.z; to: 340; dur: 36000; loop: true" position="-280 240 180" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" opacity="0.25" width="18" depth="28" height="6"></a-box>
<a-box sq-collider animation="property: object3D.position.z; to: 120; delay: 12000; dur: 48000; easing: linear; loop: true" position="5 32 -80" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" opacity="0.65" width="8" depth="12" height="4"></a-box>
<a-box sq-collider animation="property: object3D.position.z; to: 100; delay: 1000; dur: 36000" event-set__loaded="visible: true; _delay: 1000" position="10 12 -10" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" opacity="0.75" width="6" depth="9" height="4" visible="false"></a-box>
<a-box sq-collider animation="property: object3D.position.z; to: 120; delay: 200; dur: 52000; easing: linear; loop: true" position="20 16 -80" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" opacity="0.5" width="8" depth="12" height="3"></a-box>
<a-box sq-collider animation="property: object3D.position.z; to: 120; delay: 200; dur: 50000; easing: linear; loop: true" position="-20 18 -50" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" opacity="0.8" width="8" depth="12" height="3"></a-box>
<a-box sq-collider animation="property: object3D.position.z; to: 120; delay: 20000; dur: 48000" position="26 20 -80" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes.jpg?v=1681413206602" opacity="0.75" width="5" depth="7" height="3"></a-box>
</a-entity>
<a-entity rotation="-90 0 0">
<a-plane sq-collider animation="property: object3D.scale.y; from: 0.0001; to: 1; easing: easeOutCubic; delay: 600; dur: 1000" width="12.5" height="20" position="0 0 0.1" pivot="0 -10 0" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes%20(1).jpg?v=1681413359309" scale="1 0.0001 1"></a-plane>
</a-entity>
<a-entity>
<a-plane sq-collider animation="property: object3D.position.y; to: 0; dur: 1600; easing: easeOutCubic" width="30" height="30" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/Shapes%20(1).jpg?v=1681413359309" rotation="-90 0 0" position="0 -40 0"></a-plane>
</a-entity>
</a-entity>
</a-entity>
</a-scene>
</body>
</html>