游戏/互动 Game / interactive demo demo
Banyan：一个 HTML 文件里长出的程序化榕树 Banyan: a procedural banyan tree grown in one HTML file
一个 HTML 文件，一个种子，长出一整棵能转着看的榕树。 One HTML file and one seed grow a whole banyan you can orbit.
详细介绍Details
一棵能转着看的 3D 榕树，整页就是一个 HTML 文件（约 748 KB，里面打包了 three.js），打开后不再下载任何东西。每棵树都由一个 32 位种子长出来：主干、垂下来的气生根、树皮、叶子、草地和光线全是代码生成的。页面右上角能换季节、换光线、点「new tree」再长一棵，还能复制这棵树的链接给别人。适合想看「单文件能做到多复杂」的人。 A 3D banyan you can orbit, and the whole page is one HTML file (about 748 KB with three.js bundled) that downloads nothing else once open. Every tree grows from a 32-bit seed: trunk, hanging aerial roots, bark, leaves, ground, and light are all generated in code. The top-right panel switches season and light, grows a new tree, and copies a link to the one you are looking at. Good for anyone curious how far a single file can go.
适合学什么What to learn
- 游戏/互动 Game / interactive
可直接玩或操作的教学游戏与 WebGL 演示。 Teaching games and WebGL demos you can play in the browser.
- demo demo
该类型下收录的公开 HTML 页面。 Public HTML pages listed under this type.
为什么推荐Why we recommend it 748 KB、零网络请求、与 ez-tree 的对比都出自作者帖文，本库没有自己做基准测试。 The 748 KB size, zero network requests, and the ez-tree comparison come from the author’s post; this library did not benchmark it.
核验记录：来源、抓取与截图说明Verification log: sources, checks, and captures
Show HN item 49977811（2026-10-06T13:04:47.000Z / 约 21:04 CST），撰写时 Algolia 1pt。页面与仓库撰写时 HTTP 200；仓库 satyasairay/banyan 为 AGPL-3.0。预览为 Chrome 实拍默认种子打开后的画面，裁 3:2 WebP。Show HN item 49977811 (2026-10-06T13:04:47.000Z / about 21:04 CST), 1pt on Algolia at write time. Page and repo HTTP 200 at write time; repo satyasairay/banyan is AGPL-3.0. Preview is a Chrome capture of the default seed, cropped to 3:2 WebP.
