| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Recursive Polygons in 3D</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> |
| |
| |
| <a-entity recursive-polygon=" |
| vertices: 6; // Number of vertices |
| scale: 2; // Scale factor |
| level: 5; // Recursive level |
| color: #FFC65D; // Polygon color |
| height: 0.5; // Polygon height |
| x: 0; // X-position |
| y: 0; // Y-position |
| z: -5 // Z-position |
| "></a-entity> |
| |
| |
| <a-entity math-function=" |
| func: sin(x^2+y^2)/sqrt(x^2+y^2); // Math function to evaluate |
| xmin: -5; xmax: 5; // Range of x-values |
| ymin: -5; ymax: 5; // Range of y-values |
| xstep: 0.2; ystep: 0.2; // Step size for x and y |
| scale: 0.5; // Scale factor |
| color: #8CEEEF; // Function color |
| height: 0.1; // Function height |
| z: -5 // Z-position |
| "></a-entity> |
| |
| <a-entity camera position="0 1.6 0" look-controls wasd-controls></a-entity> |
| </a-scene> |
| </body> |
| </html> |
