arrow_back void-weaver logo

About .void-weaver

public What is .void-weaver?

.void-weaver is a collection of procedural generation tools designed for creating pixel art planets, space backgrounds, and cosmic environments. Built entirely in the browser using vanilla JavaScript and HTML5 Canvas, these tools provide real-time generation with extensive customization options.

Features

  • Planet Generator: Create diverse planetary surfaces with customizable terrain, colors, and atmospheric effects
  • Background Generator: Generate space nebulae backgrounds with effects (Starfields and galaxies coming soon!)
  • Real-time Preview: See changes instantly as you adjust parameters
  • Export Capabilities: Save your creations as PNG images or sprite sheets
  • Gallery System: Save and organize your favorite generations locally
  • Mobile Optimized: Full functionality on both desktop and mobile devices

Use Cases

Perfect for game developers, digital artists, content creators, and anyone interested in procedural generation. Create assets for indie games, backgrounds for digital art, or just have fun making cool stuff.

functions Technology & Mathematics

Perlin Noise

The foundation of our procedural generation is Perlin noise, developed by Ken Perlin in 1983. This gradient noise function creates natural-looking randomness that's coherent and smooth, making it perfect for terrain generation.

How Perlin Noise Works:

  1. Grid Generation: Creates a regular grid of random gradient vectors
  2. Interpolation: Smoothly blends between grid points using cubic interpolation
  3. Octaves: Multiple noise layers at different frequencies create detail
  4. Persistence: Controls how much each octave contributes to the final result

Technical Implementation

  • Language: Pure JavaScript (ES6 modules)
  • Rendering: HTML5 Canvas API with ImageData manipulation
  • Architecture: Modular design with separated concerns
  • Storage: Browser localStorage for gallery persistence
  • Performance: Optimized pixel-level operations and caching

Mathematical Concepts

Sphere Mapping

3D sphere coordinates projected to 2D using spherical coordinate transformation for realistic planetary surfaces.

Color Interpolation

Smooth color transitions using threshold-based mapping and linear interpolation between color stops.

Fractal Generation

Layering multiple noise octaves with decreasing amplitude and increasing frequency for natural detail.

person About the Developer

Periskulum

Howdy Howdy, I'm Periskulum, I've been doing hobby dev stuff and game jams for around 3 years, starting with game dev in Unreal Engine I've since learned that making games its actually pretty hard. (Who knew!?) There's a lot that goes into it from asset creation to building out logic, and even just coming up with ideas. So I thought that making some tools to make art and other commonly needed assets would help me in this endeavor. And they did! I thought it was pretty neat, and then I suppose at some point I thought other people might find this stuff useful too, so now here we are, I decided to share my work, and you decided to read this bio, we sure make one heck of a team. Thanks, I appreciate you!

Connect

Support & Contact

open_in_new Open Source & Community

.void-weaver is built with open web technologies and embraces the spirit of creative commons. All content generated by users is released under CC0 (Creative Commons Zero), meaning complete freedom to use, modify, and distribute.

Content License

Everything you create with .void-weaver is yours to use however you like:

  • ✅ Commercial use allowed
  • ✅ No attribution required (but always appreciated!)
  • ✅ Modify and redistribute freely
  • ✅ Use in any project or medium

Attribution Example

While not required, if you'd like to give credit:

"Generated with .void-weaver by [Your Name] - https://voidweaver.space"
If you find .void-weaver useful and would like to support continued development of creative coding projects, consider making a small donation. Your support helps maintain and improve these free tools!