Spaces:
Running
Running
Update index.html
Browse files- index.html +12 -5
index.html
CHANGED
@@ -2,16 +2,23 @@
|
|
2 |
<html>
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
-
<title>A-Frame Demo</title>
|
6 |
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
|
7 |
</head>
|
8 |
<body>
|
9 |
<a-scene>
|
10 |
-
|
11 |
-
<a-
|
12 |
-
<a-
|
13 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
14 |
<a-sky color="#ECECEC"></a-sky>
|
15 |
</a-scene>
|
16 |
</body>
|
17 |
</html>
|
|
|
|
2 |
<html>
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
+
<title>A-Frame DNA Demo</title>
|
6 |
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
|
7 |
</head>
|
8 |
<body>
|
9 |
<a-scene>
|
10 |
+
<!-- First Helix -->
|
11 |
+
<a-cylinder position="0 0 -5" height="4" radius="0.5" color="red"></a-cylinder>
|
12 |
+
<a-torus position="0 2 -5" radius="1" radius-tubular="0.1" color="red"></a-torus>
|
13 |
+
|
14 |
+
<!-- Second Helix -->
|
15 |
+
<a-cylinder position="1 0 -5" height="4" radius="0.5" color="blue"></a-cylinder>
|
16 |
+
<a-torus position="1 2 -5" radius="1" radius-tubular="0.1" color="blue"></a-torus>
|
17 |
+
|
18 |
+
<!-- Background -->
|
19 |
+
<a-plane position="0 0 -7" rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>
|
20 |
<a-sky color="#ECECEC"></a-sky>
|
21 |
</a-scene>
|
22 |
</body>
|
23 |
</html>
|
24 |
+
|