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

ssubairui 3 days ago 6 commentsRead Article on landscape.bairui.dev

HI version is available. Content is displayed in original English for accuracy.

Hi HN! I made this after collecting hundreds of "name → tree" submissions at ITP.

Live: https://landscape.bairui.dev/ Source: https://github.com/pearmini/infinite-landscape Plant a tree: https://tree.bairui.dev/

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/green/gold palette from Wang Ximeng's "A Thousand Li of Rivers and Mountains."

Inspired by Lingdong Huang's {Shan, Shui}* (https://github.com/LingDong-/shan-shui-inf). Every tree is someone's name, signed with an APack stamp (https://apack.bairui.dev/).

Try planting your name, then pan along the ridgeline to find it. "My trees" lets you jump back to ones you planted.

Happy to answer questions about the terrain algo, name→tree encoding, or the Riso print we tiled at ITP Winter Show!

⚡ Community Insights

Discussion Sentiment

100% Positive

Analyzed from 102 words in the discussion.

Discussion (6 Comments)Read Original on HackerNews

rdksu•about 3 hours ago

This is so cool! Could you add a feature to export my tree as an svg please? Would love to put it on my git profile !

subairui•about 2 hours ago

Thanks rdksu. This means a lot to me. I just added the download feature. Now you can download your name as a PNG or SVG!

m1rsh0•about 2 hours ago

I really liked the idea! Great work.

subairui•about 2 hours ago

Thanks mirsh0! I hope you enjoy it!

Invictus1001•2 days ago

This is very clean & creative project I planted a couple of trees of different names & symbols the one with constant reptition of characters are attractive especially when you can see a unique pattern

subairui•2 days ago

Thanks, Invictus1001! I use a deterministic algorithm to convert a name into a tree, so the same input always generates the same result. I'm glad you enjoyed exploring the different patterns—repeated characters often create some particularly interesting structures!