-
Notifications
You must be signed in to change notification settings - Fork 125
/
5simple-scene.html
34 lines (27 loc) · 1008 Bytes
/
5simple-scene.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
<!DOCTYPE html>
<!--
Now let's combine what we learned in the previous example and build a schene with:
A sphere
A cube
A cylinder
Can you guess what is the "plane" element?
Can you put the cube in front of the sphere and the cylinder next to the cube?
Can you also change the color of the sky and make it red?
-->
<html>
<head>
<meta charset="utf-8">
<title>Simple Scene</title>
<meta name="description" content="Hello, World! • A-Frame">
<script src="https://aframe.io/releases/latest/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere>
<a-cube position="-1 0.5 1" rotation="0 45 0" width="1" height="1" depth="1" color="#4CC3D9"></a-cube>
<a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
<a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
</body>
</html>