index.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>DreamSpace Browser Demo</title> 7 <style> 8 /* Reset and full-screen styling */ 9 * { 10 margin: 0; 11 padding: 0; 12 box-sizing: border-box; 13 } 14 15 html, body { 16 width: 100%; 17 height: 100%; 18 overflow: hidden; 19 background: #000000; 20 } 21 22 #root { 23 width: 100%; 24 height: 100%; 25 display: block; 26 } 27 28 /* Ensure Three.js canvas gets proper sizing */ 29 canvas { 30 display: block; 31 width: 100% !important; 32 height: 100% !important; 33 } 34 </style> 35 </head> 36 <body> 37 <div id="root"></div> 38 <script type="module" src="./browser-demo.tsx"></script> 39 </body> 40 </html>