Noise Texture Generator

https://commanderfoo.github.io/noise-texture-generator/

A browser-based procedural texture generation tool designed for game developers and technical artists. Generate high-quality noise maps and flow maps with real-time shader previews.

Features

• Multi-Algorithm Noise: Perlin, Simplex, and Value noise with adjustable octaves, persistence, and lacunarity.
• Flow Map Painting: Interactive brush system to paint directional vectors for fluid simulations.
• Curl & Turbulence Analysis: Automatically compute rotational fields and turbulence intensity from your flow maps.
• Procedural Shape Variants: Modulate noise with Voronoi tiles, Perlin ridges, spirals, and more.
• Real-Time Shader Preview: Visualize your textures instantly with dynamic effects like Water, Lava, Caustics, and Plasma.
• Export Options: Save your work as PNG (standard, RGB-encoded flow, or Curl/Intensity) or JSON data.
• Tileable Outputs: Seamless wrapping support for all noise and shape generation.

Images

Technology Stack

• Core Logic: Vanilla JavaScript (ES6+)
• Graphics: WebGL for real-time shader previews
• Styling: Modern, dark-themed CSS with a focus on usability
• Math: Custom implementations of Perlin, Simplex, and Curl Vector analysis

How to Use

1. Generate Noise: Adjust base parameters like Scale and Seed. Use 'Shape Parameters' to apply masks.
2. Paint Flow: Switch to 'Flow' mode to paint directional vectors directly on the noise map.
3. Analyze: Use 'Curl' mode to visualize rotational tendency and turbulence hotspots.
4. Preview: Switch to 'Shader' mode and select an effect (e.g., Caustics) to see your texture in action.
5. Export: Use the action buttons in the header to save your maps for use in Unity, Unreal, or Godot.

License

This project is licensed under the MIT License - see the LICENSE file for details.