main.js

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);
});