-
Notifications
You must be signed in to change notification settings - Fork 0
/
aframe-logo.html
91 lines (74 loc) · 6.84 KB
/
aframe-logo.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M59+)" data-expires="2017-07-28" content="ArFv1ZeTwzkhjNE00uAE+XtiQB41fwqG/TqlFMLrepd9sforQSvQE/tgfIbUMYNuNre4QR1k4/z8xp2mV3dbhwwAAABeeyJvcmlnaW4iOiJodHRwczovL2FmcmFtZS5pbzo0NDMiLCJmZWF0dXJlIjoiV2ViVlIxLjEiLCJleHBpcnkiOjE1MDEyMTcwMDIsImlzU3ViZG9tYWluIjp0cnVlfQ==">
<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>
</head>
<body>
<a-scene vr-mode-ui="enabled: false;" background="color: #24CAFF;" renderer="colorManagement: true;">
<a-assets>
<a-asset-item id="treeModel" src="https://cdn.glitch.global/7bdd46d4-73c4-47a1-b156-10440ceb99fb/tree.glb?v=1670574551947"></a-asset-item>
<a-mixin id="tree" position="0 10 0" animation="property: object3D.position.y; to: 0; dur: 800; easing: easeOutCubic" event-set__loaded="visible: true; _delay: 100" gltf-model="#treeModel" scale="2.5 2.5 2.5" visible="false"></a-mixin>
</a-assets>
<!-- 😊😋 -->
<a-link position="69 13.44 -17.43" rotation="0 -125 0" title="Explore" href="https://sq-explore.glitch.me" ></a-link>
<!--
<a-link position="70.5 13.44 -10" rotation="0 -35 0" title="New User Space 😍"
href="https://sq-new-users.glitch.me"
image="https://cdn.glitch.global/262a8de9-9193-4927-95f5-34f6d0dd8327/Untitled%20(1).jpg?v=1673507513749"></a-link>
-->
<a-link position="70.5 13.44 -10" rotation="0 -35 0" href="https://meditationclearance.glitch.me/"></a-link>
<a-link position="70.24 13.44 -12" rotation="0 -80 0" href="https://sq-wintersport-resort.glitch.me/"></a-link>
<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 position="-10 0.2 -10">
<a-entity id="tree" mixin="tree" animation="delay: 650" animation__visible="delay: 800"></a-entity>
</a-entity>
<a-entity position="-10 0.2 6">
<a-entity mixin="tree" animation="delay: 400" animation__visible="delay: 400"></a-entity>
</a-entity>
<a-entity position="10 0.2 10">
<a-entity mixin="tree" animation="delay: 600" animation__visible="delay: 600"></a-entity>
</a-entity> -->
</a-entity>
<a-light type="directional" color="#FFF" intensity="0.45" position="4 2 1"></a-light>
<a-light type="ambient" color="#A8A8A8"></a-light>
</a-scene>
</body>
</html>