TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: An open source tool to generate contour map landscapes in real-time

1 pointsby getToTheChopinabout 1 month ago
This is a free web tool to create procedural terrain textures in real-time in the browser.<p>How this works: a bunch of 3D spheres (meta-balls) are drawn on the canvas. They float around and combine with others based on distance. Then, 2D cross-sections are drawn using a Marching Squares algorithm. This ends up producing a terrain contour aesthtetic.<p>Use the controls at the top-right to set animation speed, size, level of complexity, rotation, colours, and more.<p>Use the buttons at the bottom-right to randomize the output, and export as image or mp4 video.<p>This tool is completely free and open source (MIT license). You&#x27;re welcome to use it however you wish!<p>This project is coded using vanilla Javascript, HTML5 canvas, and CSS.<p>Github repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;curious-contours">https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;curious-contours</a><p>Any suggestions, feedback, or pull requests would be much appreciated!<p>I hope the game dev &#x2F; procedural generation community finds this useful in some way :)

no comments

no comments