| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <meta |
| name="description" |
| content="Explore a Three.js project." |
| /> |
| <title>Example</title> |
| <style> |
| html, |
| body { |
| margin: 0; |
| padding: 0; |
| background-color: black; |
| overflow: hidden; |
| height: 100%; |
| width: 100%; |
| } |
| |
| #loader { |
| position: fixed; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background: black; |
| color: white; |
| font-size: 2rem; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| z-index: 9999; |
| opacity: 1; |
| transition: opacity 0.5s ease; |
| } |
| </style> |
| <script type="module" crossorigin src="/assets/index-CN23FNcd.js"></script> |
| <link rel="modulepreload" crossorigin href="/assets/three-BBdsPnFb.js"> |
| </head> |
| <body> |
| <div id="loader">...Please wait...</div> |
| <div id="app"></div> |
| </body> |
| </html> |
|
|