| 269 | const container = document.getElementById('preview-canvas-container'); |
| 270 | const canvas = document.getElementById('preview-canvas'); |
| 271 | |
| 272 | // Clear existing scene |
| 273 | if (previewRenderer) { |
| 274 | cleanupPreviewScene(); |
| 275 | } |
| 276 | |
| 277 | // Get container dimensions |
| 278 | const width = container.clientWidth; |
| 279 | const height = container.clientHeight; |
| 280 | console.log('Initializing preview scene, container size:', width, 'x', height); |
| 281 | |
| 282 | if (width === 0 || height === 0) { |
| 283 | console.error('Container has zero dimensions!', {width, height}); |
| 284 | } |
| 285 | |
| 286 | // Create scene |
| 287 | previewScene = new THREE.Scene(); |
| 288 | previewScene.background = new THREE.Color(0x2a2a3e); |
| 289 | console.log('Scene created with background:', previewScene.background); |
| 290 | |
| 291 | // Create camera |