A procedural terrain generator that creates contour-style landscapes in real-time using 3D metaballs and marching squares algorithm.
Live demo: https://collidingscopes.github.io/curious-contours/
- Generate unique procedural terrain textures in real-time
- Customize animation speed, complexity, colors, and more
- Export your creations as images or videos
- Completely free and open source (MIT license)
Curious Contours uses 3D spheres (metaballs) that float around and combine with others based on distance. 2D cross-sections are drawn using a Marching Squares algorithm, producing a terrain contour aesthetic.
- Use the controls to adjust settings
- Click the randomize button (🎲) for new variations
- Save your creations as images (📷) or videos (🎥)
-
Clone the repository:
git clone https://github.com/collidingScopes/curious-contours.git -
Navigate to the project directory:
cd curious-contours -
Open
index.htmlin your browser to run locally.
No build process or dependencies to install - it works right out of the box!
- Vanilla JavaScript
- HTML5 Canvas
- dat.GUI for controls
- mp4-muxer for video export
Contributions are welcome! Feel free to submit issues or pull requests.
This project is open source and licensed under the MIT License
Check out my other free and open-source projects:
- Liquid Shape Distortions - psychedelic animations created with webgl shaders
- Particular Drift - Turn photos into flowing particle animations
- Liquid Logo - Transform logos and icons into liquid metal animations
- Video-to-ASCII - Convert videos into ASCII pixel art
- Shape Shimmer - Turn photos into funky wave animations
- Colliding Scopes - Turn photos into kaleidoscope animations
- Instagram: @stereo.drift
- Twitter/X: @measure_plan
- Email: stereodriftvisuals@gmail.com
- GitHub: collidingScopes
If you found this tool useful, feel free to buy me a coffee.
My name is Alan, and I enjoy building open source software for art, animation, games, and more. This would be much appreciated during late-night coding sessions!
