技巧精选

Three.js程序化生成丛林小径:12000行代码零外部美术资源

好玩,不用任何外部美术资源,仅靠代码在 Three.js 里程序化生成一条完整的丛林小径场景。 12000 行手写 JavaScript 搭出一条穿越石质废墟和瀑布的丛林小径,场景里没有一张贴图文件...

精选理由

这个项目用纯代码造了一个森林,没一张贴图,全靠数学和耐心,看看12000行怎么变出100799棵树。

AI 摘要

StarKnightt在GitHub发布Three.js项目,用12000行手写JavaScript程序化生成完整丛林小径。场景包含423.8米长小径、16个物种共100799株植物和536块逐块侵蚀的石块。树叶、树皮、石头、角色皮肤和全部60段音频都在加载时由代码算出,没有一张外部贴图或模型。项目还有22根骨骼的程序化角色,以及通过15次GPU烘焙生成的29张贴图。

图片来源 · Geek
原文 · Geek

好玩,不用任何外部美术资源,仅靠代码在 Three.js 里程序化生成一条完整的丛林小径场景。 12000 行手写 JavaScript 搭出一条穿越石质废墟和瀑布的丛林小径,场景里没有一张贴图文件...

好玩,不用任何外部美术资源,仅靠代码在 Three.js 里程序化生成一条完整的丛林小径场景。 12000 行手写 JavaScript 搭出一条穿越石质废墟和瀑布的丛林小径,场景里没有一张贴图文件、一个模型或一段录音。树叶、树皮、石头、角色皮肤和全部 60 段音频都在加载时由代码算出来。 规模上有 423.8 米长的小径、16 个物种共 100799 株植物、536 块逐块侵蚀的石块,还有 22 根骨骼的程序化角色和 15 次 GPU 烘焙产生的 29 张贴图。 github.com/StarKnightt/ju… Your browser does not support the video tag. 🔗 View on Twitter 💬 0 🔄 0 ❤️ 1 👀 587 ⚡

Three.js程序化生成丛林小径:12000行代码零外部美术资源 · AI 热点