SkyBox Customizer

Enhanced Skybox Generator 

 This web-based tool, built with HTML, CSS, and JavaScript (using Three.js), lets you create customizable 3D skyboxes for virtual environments or games. With real-time controls and a user-friendly interface, you can design a dynamic sky tailored to your needs. Key features include:

• Sky Settings: Set a uniform sky color.
• Celestial Settings: Choose between a sun or moon, adjust its color and size, and pick from four moon shapes (full, more than half, half, crescent) in a 2×2 grid.
• Cloud Settings: Enable/disable clouds, customize their color, size, height, density, and select from eight cloud shapes in a 4×2 grid.
• Star Settings: Toggle stars, control their size, density, and color, with stars appearing on all skybox faces.
• Rotation Settings: Enable auto-rotation or manually rotate the skybox with mouse controls.

Preview your skybox in 3D, tweak settings instantly, and download the six faces (right, left, top, bottom, front, back) as PNGs for use in 3D applications.

How to Use the Tool:

1. Open the Tool: Load the HTML file in a web browser.
2. Adjust Settings:
   • Expand/collapse sections (Sky, Celestial, Clouds, Stars, Rotation) by clicking their titles.
   • Use sliders, color pickers, and dropdowns to customize settings (e.g., sky color, sun/moon size).
   • Click images in the Moon Shape (2×2) or Cloud Shape (4×2) grids to select different shapes.
   • Toggle checkboxes (e.g., Clouds, Stars, Auto Rotation) to enable/disable features.
3. Preview: Changes update instantly in the 3D view. Uncheck "Auto Rotation" and drag with the mouse to rotate manually.
4. Download: Click "Download Skybox Images" to save the six skybox faces as PNG files.
5. Deploy: Use the downloaded images in your 3D project (e.g., game engines like Unity or Unreal).

The interface is sleek and organized with collapsible sections, modern styling, and a download feature, making it easy to create and export your perfect skybox.