Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Minnesota Map</title> | |
| <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> | |
| <script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script> | |
| <style> | |
| #canvas { | |
| height: 500px; | |
| width: 800px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <a-scene> | |
| <a-entity environment="preset: forest"></a-entity> | |
| <!-- Define the polygons for Minnesota --> | |
| <a-entity position="-2.5 0 0"> | |
| <a-polygon fill="#2D6C4E" vertices="0 0, 1 0, 0.5 1"></a-polygon> | |
| <a-polygon fill="#2D6C4E" vertices="0.5 1, 1 0, 1 1"></a-polygon> | |
| <a-polygon fill="#2D6C4E" vertices="0 0, 0 1, 0.5 1"></a-polygon> | |
| <a-polygon fill="#2D6C4E" vertices="0.5 0, 1 0, 0.5 1"></a-polygon> | |
| </a-entity> | |
| <a-entity position="2.5 0 0"> | |
| <a-polygon fill="#2D6C4E" vertices="0 0, 1 0, 0.5 1"></a-polygon> | |
| <a-polygon fill="#2D6C4E" vertices="0 0, 0 1, 0.5 1"></a-polygon> | |
| <a-polygon fill="#2D6C4E" vertices="0.5 0, 1 0, 1 1"></a-polygon> | |
| <a-polygon fill="#2D6C4E" vertices="0.5 0, 0.5 1, 1 1"></a-polygon> | |
| </a-entity> | |
| <a-entity camera position="0 1.6 0"></a-entity> | |
| </a-scene> | |
| </body> | |
| </html> | |