document.getElementById('generateButton').addEventListener('click', () => { const text = document.getElementById('text').value; const imageDiv = document.getElementById('image'); const scene = new Scene(); const camera = new PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const renderer = new WebGLRenderer({ canvas: imageDiv }); const controls = new OrbitControls(camera, renderer.domElement); const geometry = new BoxGeometry(1, 1, 1); const materials = [ new MeshBasicMaterial({ color: 0xff0000 }), new MeshBasicMaterial({ color: 0x00ff00 }), new MeshBasicMaterial({ color: 0x0000ff }), ]; const cube = new Mesh(geometry, materials); scene.add(cube); camera.position.z = 5; renderer.render(scene, camera); });