5 ms·
Show HN: Turn your name into a tree in an infinite procedural shanshui landscape
Hi HN! I made this after collecting hundreds of "name → tree" submissions at ITP.
Live: https://landscape.bairui.dev/ https://landscape.bairui.dev/
Source: https://github.com/pearmini/infinite-landscape https://github.com/pearmini/infinite-landscape
Plant a tree: https://tree.bairui.dev/ 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 https://github.com/LingDong-/shan-shui-inf). Every tree is someone's name, signed with an APack stamp (https://apack.bairui.dev/ 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!
- deleted 4mo ago[deleted]
- Invictus1001 4mo agoThis 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 4mo agoThanks, 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!
- rdksu 4mo agoThis 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 4mo agoThanks 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 4mo agoI really liked the idea! Great work.
- subairui 4mo agoThanks mirsh0! I hope you enjoy it!
- yardshop 4mo agoVery simple and beautiful! I planted a couple too. I wish I could zoom in further to get closeups of trees and names and the mountains. All the same it's very nice!
- subairui 4mo agoHi yardshop, thanks for the kind words and the wonderful suggestion. I just updated the project so you can zoom in much further than before. Feel free to try it again!
- passiflora96 4mo agoWow this is really creative. Keep up the good work!
- subairui 4mo agoThanks passiflora96! I'll share more when I build more!
- iJohnDoe 4mo agoCool idea. Fun to see these creative things online.
- subairui 4mo agoThanks, iJohnDoe! That's exactly the whole point. I want more people to engage with it!
- zoom6628 4mo agoLove it !
- subairui 4mo agoThanks zoom6628!
- infinitebit 4mo agoI love this
- subairui 4mo agoThanks infinitebit!
- twosky 4mo agoIt’s a creation done in a way I hadn't imagined. It’s a great idea, and I liked the way it was executed. I hope there will be a wider variety of wood types available in the future so we can choose!
- subairui 4mo agoThanks, twosky! That's a really interesting idea. I'll play around with it and see where it leads!
- elnatro 4mo agoI love the procedural trees, I was wondering if I should use the seals as a logo for some of my open source projects. Great work!
- subairui 4mo agoThanks, elnatro. And yes, of course! The “seals” are made with a project I built called APack. You can try it here: https://apack.bairui.dev/ https://apack.bairui.dev/
- anirbanhere 4mo agoPlanted a tree! However I thought palindromes or anadromes might have some symmetry but it wasn't showing up in the tree.
- subairui 4mo ago[dead]