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

Show HN: Turn your name into a tree in an infinite procedural shanshui landscape(landscape.bairui.dev)

17 points by subairui 2 days ago | 6 comments

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!

rdksu 1 hour 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 1 hour 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 1 hour ago |

I really liked the idea! Great work.

subairui 1 hour 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!