-
Notifications
You must be signed in to change notification settings - Fork 3
/
test-animation.html
56 lines (50 loc) · 2.38 KB
/
test-animation.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
<!DOCTYPE html>
<!--
* XSeen JavaScript Library
* http://xseen.org/
*
* (C)2017 Daly Realism, Los Angeles
*
Dual licensed under the MIT and GPL licenses.
See details at http://xseen.org/license
-->
<html>
<head>
<meta charset=utf-8>
<title>XSeen: Loading Background with VR Navigation Mode</title>
<style>
body { margin: 0; }
#xscene {border:0; }
</style>
<script src='../../Release/XSeenExternals.js'></script>
<script src='../../Release/WebVR.js'></script>
<link rel='stylesheet' type='text/css' href='../../Release/xseen.css'>
<script src='../Release/XSeen.js'></script>
<!--script src='../src/Tag.js'></script-->
<script src='../src/Events.js'></script>
</head>
<body>
<x-scene>
<x-light id='White_Direction' type='directional' color='white' direction='0 0 -1'></x-light>
<x-light id='Green_Direction' type='directional' color='green' direction='.707 0 .707'></x-light>
<x-camera id='SceneCamera' type='perspective' track='device' position='1 0 14'></x-camera>
<x-background id='Background' skycolor='tan' src='Resources/textures/desert_1_*.jpg'></x-background>
<x-dodecahedron id='D20_Teal' radius='1.5' color='teal' position='-5 3 0' transparent='true'>
<x-animate attribute='position' duration='2.5' repeat='-1'>
<x-key to='5 3 0' duration='.25' easing='inout' easingtype='quadratic'></x-key>
<x-key to='5 -3 0' duration='.25' easing='inout' easingtype='sinusoidal'></x-key>
<x-key to='-5 -3 0' duration='.25' easing='inout' easingtype='elastic'></x-key>
<x-key to='-5 3 0' duration='.25' easing='inout' easingtype='bounce'></x-key>
</x-animate>
<x-animate attribute='scale' to='.1 .1 .1' repeat='-1' duration='4'></x-animate>
<x-animate attribute='opacity' to='0' repeat='-1' duration='2'></x-animate>
<x-animate attribute='color' to='purple' repeat='-1' duration='6'></x-animate>
</x-dodecahedron>
<x-box position='0 3 0' height='.09' width='10' depth='.09' color='green'></x-box>
<x-box position='5 0 0' height='6' width='.09' depth='.09' color='green'></x-box>
<x-box position='0 -3 0' height='.09' width='10' depth='.09' color='green'></x-box>
<x-box position='-5 0 0' height='6' width='.09' depth='.09' color='green'></x-box>
<x-model id='model_Monster' src='Resources/models/Monster/Monster.gltf' playonload='*' duration='3' position='0 -1 7' scale='.067 .067 .067'></x-model>
</x-scene>
</body>
</html>