-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome-space.html
112 lines (96 loc) · 8.74 KB
/
home-space.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
103
104
105
106
107
108
109
110
111
112
<!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/[email protected]/dist/aframe-event-set-component.min.js"></script>
<script>
const MIN_VERSION = 273;
// 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="));
})
}
});
window.loadDoneCallback = ()=>{
if(Number(window.VERSION_CODE) < MIN_VERSION){
const text = document.createElement("a-text");
text.setAttribute("value", "Please update banter or you may \nsee people around all mad!");
text.setAttribute("align", "center");
text.setAttribute("position", "0 0.41 -7.41");
text.setAttribute("scale", "2 2 2");
text.setAttribute("rotation", "-45 0 0");
document.querySelector("a-scene").appendChild(text);
}
};
</script>
</head>
<body>
<a-scene>
<!-- 😊😋 -->
<a-entity position="0 1 -11.3">
<a-link position="-5.5 0 0" scale="1.6 1.6 1.6" rotation="0 30 0" href="https://the-bantrooms42.glitch.me" ></a-link>
</a-entity>
<!-- <a-link position="5.5 1 -11.3" rotation="0 0 0" scale="1.5 1.5 1.5" href="https://benvr.co.uk/banter/tavern"></a-link> -->
<!-- https://custom-home-peachs-castle.glitch.me/ https://iss-interior.glitch.me -->
<!-- <a-link position="-5.5 1 -11.3" rotation="0 0 0" scale="1.5 1.5 1.5" href="https://high-rise-bant.glitch.me/"></a-link> -->
<!-- https://custom-home-minecraft-bedwars-lobby.glitch.me/ -->
<script src="https://vidya-player.glitch.me/portals.js" shape="line" spiral-tightness="0.2" offsets="0,5.5,-2.5, 2.5" scale-offsets="1.8, 1.5, 1.2, 1.2"
show-events="false" spacing="2.7" position="0 1 -11.3" rotation="0 0 0" space-limit="4"></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" 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>