AI HDR Sky Generator

AI HDR Sky Generator

Overview

The AI HDR Sky Generator is a cutting-edge, web-based application designed to create stunning, high-definition, seamless 360-degree panoramic skybox images using artificial intelligence. Powered by the Pollinations.AI API and built with modern web technologies (HTML, CSS, JavaScript, Three.js), this tool allows users to generate customizable, royalty-free HDR skyboxes for immersive applications such as virtual reality (VR), video games, 3D rendering, and cosmic visualizations. With an intuitive interface, real-time 3D preview, and robust offline detection, it’s perfect for artists, developers, and creators looking to enhance their projects with breathtaking skies.

Key Features

1. AI-Powered Skybox Generation:
   • Leverages Pollinations.AI’s generative AI models (e.g., Flux, Flux-Realism, Flux-Anime, Flux-3D) to produce 1808*904  equirectangular HDR skybox images.
   • Generates seamless, symmetrical skies optimized for 360-degree environments.
2. Customizable Options:
   • Style Selection: Choose from Normal, Realism, Anime, or 3D styles via a dropdown menu.
   • Prompt Input: Enter a description (up to 120 characters) like "nebula-filled space sky" to guide the AI.
   • Skybox Quantity: Generate 1, 2, 4, or 6 skyboxes in a single session.
3. Interactive 3D Viewer:
   • Uses Three.js to render a real-time, orbit-controlled spherical preview of the generated skybox.
   • Navigate between multiple skyboxes with arrow buttons and thumbnail previews.
4. Seamless Texture Processing:
   • Employs a Web Worker to blend edges, ensuring smooth transitions for VR and game-ready skyboxes.
5. Export Options:

• Save individual skyboxes or all generated skyboxes as PNG files with unique filenames (e.g., skysphere_20250311034912_123456789.png).

How It Works

1. Skybox Generation:
   • Users input a prompt and select a style and quantity.
2. 3D Visualization:
   • Three.js creates a spherical mesh with the generated texture applied, allowing users to rotate and explore the skybox in real-time.
   • Thumbnails and navigation arrows enable switching between multiple skyboxes.
3. Saving:
   • Users can download the current skybox or all skyboxes as PNG files via browser-initiated downloads.

How to Use the Tool

1. Starting the App:
   • On launch, a welcome screen appears. Click "Start" to proceed.
   • If offline, the offline screen prompts you to connect and click "Refresh."
2. Generating Skyboxes:
   • In the header:
     • Select a Style (e.g., Realism).
     • Enter a Sky Prompt (e.g., "cosmic aurora sky").
     • Choose Skyboxes (1-6).
   • Click the "Generate" button (rocket icon).
   • A loading overlay shows progress as skyboxes are generated.
3. Viewing and Navigating:
   • Once generated, the 3D viewer displays the first skybox.
   • Use the mouse to rotate the view.
   • Click left/right arrows or thumbnails to switch between skyboxes.
4. Saving Skyboxes:
   • Click "Save Selected" (download icon) to save the current skybox.
   • Click "Save All" (folder icon) to download all generated skyboxes.
   • Files are saved with timestamps and seeds for uniqueness.
5. Handling Offline States:
   • If the internet drops or the API is blocked, the offline screen appears.
   • Reconnect and click "Refresh" to reload the app fully.

Technical Details

• Technologies:
  • HTML5, CSS3 (Tailwind CSS), JavaScript (ES6+).
  • Three.js (r128) for 3D rendering and OrbitControls for navigation.
  • Web Workers for seamless texture processing.
  • Bootstrap Icons for UI elements.
• Dependencies:
  • External: Pollinations.AI API, Three.js, OrbitControls, Tailwind CSS (CDN), Bootstrap Icons (CDN).
  • All loaded via CDN; no local setup needed.
• Browser Compatibility:
  • WebGL support. Best on desktop for performance.

Support

Need help? Contact aiartworker@proton.me for assistance with setup, usage, or troubleshooting.