Spaces:
Running
Running
Commit
•
37ac7e6
1
Parent(s):
b4bc63f
Create Aframe-3D-Maps
Browse files- Aframe-3D-Maps +53 -0
Aframe-3D-Maps
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
---
|
| 2 |
+
title: HTML5-3D-VR-Aframe-Map-Sky
|
| 3 |
+
emoji: 🗺️VR🏞️
|
| 4 |
+
colorFrom: indigo
|
| 5 |
+
colorTo: green
|
| 6 |
+
sdk: static
|
| 7 |
+
pinned: false
|
| 8 |
+
license: mit
|
| 9 |
+
---
|
| 10 |
+
|
| 11 |
+
|
| 12 |
+
🏷️ **Title:** HTML5-3D-VR-Aframe-Map 📚3D-VR
|
| 13 |
+
|
| 14 |
+
📋 **Description:** This is a fun 📚3D-VR simulator that shows a map 🗺️ with motion controls ⌨️ of the WASD keyboard. You can explore a 3D landscape 🏞️ using Aframe.
|
| 15 |
+
|
| 16 |
+
🧐 **Details:**
|
| 17 |
+
|
| 18 |
+
- **HTML5:** Refers to the version of the HTML (Hypertext Markup Language) used to create the web page on which the 3D-VR-Aframe-Map is hosted.
|
| 19 |
+
|
| 20 |
+
- **3D:** Refers to the three-dimensional nature of the map in the 3D-VR-Aframe-Map simulator.
|
| 21 |
+
|
| 22 |
+
- **VR:** Refers to the virtual reality aspect of the 3D-VR-Aframe-Map simulator. Users can immerse themselves in the virtual environment and interact with it using VR headsets.
|
| 23 |
+
|
| 24 |
+
- **Aframe:** Refers to the web framework used to create the 3D-VR-Aframe-Map simulator. Aframe is a popular framework for creating virtual reality experiences on the web.
|
| 25 |
+
|
| 26 |
+
- **Map:** Refers to the representation of geographic or spatial data in a visual form. In the 3D-VR-Aframe-Map simulator, users can explore a 3D landscape using motion controls and a map interface.
|
| 27 |
+
|
| 28 |
+
💻 **Code Snippet:**
|
| 29 |
+
|
| 30 |
+
```html
|
| 31 |
+
<html>
|
| 32 |
+
<head>
|
| 33 |
+
<title>HTML5-3D-VR-Aframe-Map 📚3D-VR </title>
|
| 34 |
+
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
|
| 35 |
+
</head>
|
| 36 |
+
<body>
|
| 37 |
+
<a-scene>
|
| 38 |
+
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
|
| 39 |
+
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
|
| 40 |
+
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
|
| 41 |
+
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
|
| 42 |
+
<a-sky color="#ECECEC"></a-sky>
|
| 43 |
+
</a-scene>
|
| 44 |
+
</body>
|
| 45 |
+
</html>
|
| 46 |
+
```
|
| 47 |
+
|
| 48 |
+
🔑 Acronyms:
|
| 49 |
+
|
| 50 |
+
HTML: Hypertext Markup Language, a coding language used to create web pages.
|
| 51 |
+
VR: Virtual Reality, an immersive experience that simulates a real environment.
|
| 52 |
+
Aframe: A web framework used to create virtual reality experiences on the web.
|
| 53 |
+
WASD: A set of four keyboard keys that are commonly used in video games for motion controls.
|