Build-a-Virtual-World---examples/Example-5.html at gh-pages · mozillacampusclubs/Build-a-Virtual-World---examples · GitHub

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>