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
<xsml version="1.0">
<head>
<title>YodaOS JSAR Gallery</title>
<link id="model" rel="mesh" type="octstream/glb" href="./model/rokid_robot.small.glb" />
<style type="text/scss">
@keyframes rotate-self {
0% {
rotation: 0 0 0;
}
50% {
rotation: 0 180 0;
}
100% {
rotation: 0 360 0;
}
}
@material yellow {
diffuse-color: #fdd276;
backface-culling: false;
side-orientation: frontside;
}
@material red {
diffuse-color: #ad3525;
backface-culling: false;
side-orientation: frontside;
}
#model {
animation: rotate-self 12s linear;
}
#face {
material: "yellow";
position: 39 0 150;
}
#body {
material: "red";
position: 39 -10 160;
rotation: 0 0 0.3;
}
</style>
<script src="./main.ts"></script>
</head>
<space>
<mesh id="model" ref="model" selector="__root__" />
<bound id="main">
<cylinder id="body" height="140" diameter-top="30" diameter-bottom="80" tessellation="4" />
<cube id="face" width="80" height="80" depth="80" />
</bound>
</space>
</xsml>