乐于分享
好东西不私藏

我认真读了这个 Three.js 项目源码,发现它根本不是“割草游戏”

我认真读了这个 Three.js 项目源码,发现它根本不是“割草游戏”

在快节奏的数字时代,偶尔我们需要一些纯粹的“无目的”放松体验。GitHub上的开源项目 Zen Robot Garden(由开发者 robin7331 打造)正是这样一件作品:一个运行在浏览器中的平静3D小花园,一台自动割草机器人在里面永不停歇地工作,没有分数、没有胜负,只有静静观看的治愈感。

它像一个精致的桌面模型,从斜上方视角观察一个小小的花园。核心主角是一台自主割草机器人,它会沿着边界线随机巡航、避开障碍、割草、返回充电,整个过程完全自动化。你唯一能做的就是用鼠标或手指拖动视角、偶尔把机器人“捡起来”放到新位置,或者点击草地扔下小树枝让它避开

这不是一个游戏,而是一种数字禅意玩具。开发者明确表示:“没有积分,不能赢也不能输——你就看着它工作

特色功能

  • 波浪地形:花园地面是起伏的3D地形,包含山丘和低谷。机器人会在上面真实爬坡、倾斜
  • 真实物理驱动的机器人:使用 Rapier 物理引擎
  • ......

源码

https://github.com/robin7331/zen-robot-garden

在线预览

https://robin7331.github.io/zen-robot-garden/

启动

npm installnpm run dev      # Entwicklungsserver mit Live-Reloadnpm run build    # Produktions-Build nach docs/npm run preview  # gebauten Stand lokal ansehen

初识 Three.js 的奇妙世界
走进三维空间,与小编一起拥抱前端技术

--------------------------------

感谢您的阅读      

在看点赞 好文不断