-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwave-3.html
More file actions
32 lines (29 loc) · 1.78 KB
/
wave-3.html
File metadata and controls
32 lines (29 loc) · 1.78 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>VR</title>
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-randomizer-components@^3.0.1/dist/aframe-randomizer-components.min.js"></script>
<script src="./components/wave-custom.js"></script>
</head>
<body>
<a-scene stats>
<a-assets>
<img id="space" src="https://cdn.aframe.io/a-painter/images/sky.jpg">
<!--<a-asset-item id="logo" src="logo.ply"></a-asset-item>-->
<a-mixin id="dot" geometry="primitive: box; radius: 0.2; depth: 0.2; height: 0.2; width: 0.2" random-color animation__rotation="property: rotation; easing: linear; dir: reverse; dur: 6200; from: 0 0 0; to: 0 360 0; loop: true"></a-mixin>
</a-assets>
<!--<a-entity ply-model="src: #logo" rotation="-90 0 0" scale="0.1 0.1 0.1"></a-entity>-->
<!--<a-cylinder id="ground" color="#000" shader="flat" radius="60" height="0.1"></a-cylinder>-->
<!--<a-sky id="background" src="#space" theta-length="90" radius="60"></a-sky>-->
<!--<a-sky id="background" color="#1A1B1E" shader="flat"></a-sky>-->
<a-entity id="wave-1" geometry="depth: 15; height: 0; width: 15" wave="rows: 20; elements: 10; grow: 1" position="-6 3 -9.474"
material="visible: false" rotation="0 0 0" animation__rotation="property: rotation; easing: easeInOutQuad; dir: alternate; dur: 6200; from: 0 0 0; to: 0 -10 0; loop: true"></a-entity>
<a-camera position="-3.095 7.5 0.368" rotation="-42.521 -54.196 0"></a-camera>
</a-scene>
</body>
</html>