Three.JS + Fal SDXL Turbo Demo

Interact with the 3D scene using your mouse and keyboard:

• Rotate View: Click and drag to rotate the camera.
• Select Object: Click an object to select it (outlined in red).
• Deselect Object: Click on empty space to deselect.

Use the following keyboard shortcuts:

• Arrow Up: Increase scale of selected object.
• Arrow Down: Decrease scale of selected object.
• Space: Change color of selected object or create a new object if none is selected.
• Delete: Remove selected object.
• Key F: Change floor color.
• Digit 1: Create a box.
• Digit 2: Create a sphere.
• Digit 3: Create a cylinder.
• Key P: Toggle object movement.

Other controls:

• Click the Pause/Start Movement Button to toggle object animation.
• Enter a text prompt for image generation in the Prompt Input.

Generated images based on the 3D scene and prompt will be displayed next to the canvas.