Show HN: Turn your name into a tree in an infinite procedural shanshui landscape

Hacker News Top Tools

Summary

A procedural shanshui landscape generator where each name becomes a tree, allowing users to explore an infinite, pan-and-zoom environment.

Hi HN! I made this after collecting hundreds of &quot;name → tree&quot; submissions at ITP.<p>Live: <a href="https:&#x2F;&#x2F;landscape.bairui.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;landscape.bairui.dev&#x2F;</a> Source: <a href="https:&#x2F;&#x2F;github.com&#x2F;pearmini&#x2F;infinite-landscape" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;pearmini&#x2F;infinite-landscape</a> Plant a tree: <a href="https:&#x2F;&#x2F;tree.bairui.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tree.bairui.dev&#x2F;</a><p>Pan and zoom an infinite procedural landscape. Each name is converted to ASCII codes, which grow into a unique tree (breadth-first branching; repeated digits become mathematical roses). Mountains use midpoint displacement + Perlin noise, with SVG radial gradients in the blue&#x2F;green&#x2F;gold palette from Wang Ximeng&#x27;s &quot;A Thousand Li of Rivers and Mountains.&quot;<p>Inspired by Lingdong Huang&#x27;s {Shan, Shui}* (<a href="https:&#x2F;&#x2F;github.com&#x2F;LingDong-&#x2F;shan-shui-inf" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;LingDong-&#x2F;shan-shui-inf</a>). Every tree is someone&#x27;s name, signed with an APack stamp (<a href="https:&#x2F;&#x2F;apack.bairui.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;apack.bairui.dev&#x2F;</a>).<p>Try planting your name, then pan along the ridgeline to find it. &quot;My trees&quot; lets you jump back to ones you planted.<p>Happy to answer questions about the terrain algo, name→tree encoding, or the Riso print we tiled at ITP Winter Show!
Original Article
View Cached Full Text

Cached at: 06/12/26, 11:57 PM

# {Mountains, Trees, Names}* Source: [https://landscape.bairui.dev/](https://landscape.bairui.dev/) Pan and zoom a procedurally generated infinite landscape\. Every name becomes a[tree](https://tree.bairui.dev/)\.

Similar Articles

It's All Just Trees With Web Origami

Lobsters Hottest

Web Origami is a flexible JavaScript-based static site generator and data transformation tool that treats all content as interoperable trees.

@GitHub_Daily: Recently came across an open-source project called Flipbook Canvas, quite interesting — it turns each AI-generated image into a knowledge tree that you can infinitely click and explore. Long-press any part of the image, the system automatically recognizes what you tapped, searches online for relevant information, and then generates a brand new detailed diagram, layer by layer. GitHub…

X AI KOLs Timeline

Flipbook Canvas is an open-source project that converts AI-generated images into infinitely clickable knowledge trees, supporting online search, real-time generation, and offline export.