大家好!这是Shelf Garden,一款舒适的浏览器游戏,游戏中你可以在温室的架子上种植植物(还有一个有垂钓和捕捉昆虫的花园区域)。我会分享一下植物系统的工作原理,因为我花了很长时间才让它完全工作起来:所有100多种植物都被绘制为SVG(向量图像),然后给予每个植物自己的手写渲染器,共享一个小工具来保持一致的数学,如茎、叶、花瓣和阴影。每个花盆都有自己的随机数生成器,所以同一种植物在不同花盆中倾斜、分支和开放的方式会有所不同,但仍然在一个一致的范围内基于植物的物种。植物的生长是连续的,植物不会在几个阶段之间交换。它是一个由0-1生长值驱动的绘图,通过种子、种子、苗期、青少年和成熟阶段。保持它的速度是一个问题。最初,我曾经每个植物都 tessellating 每帧,重新绘制它们以便它们 tween 和改变形状。60个向量植物每帧非常慢,所以每个植物都绘制到一个固定生长步骤的纹理上,风摇动只是该纹理旋转。一些植物被分成部分,以便它们的花头可以独自摇摆。您看到的彩色荧光是每个架子上的生长灯光,雾是喷雾器。土壤湿度、肥料和光照都会影响植物生长的速度。根据植物的物种,生长可能需要几分钟到几小时。这个剪辑是经过编排的时间飞逝,以便您可以一次看到整个温室。很高兴回答任何问题!此外,我不应忘记提及我的即将到来的Kickstarter项目:https://www.kickstarter.com/projects/animapins/shelf-garden-a-cozy-web-game-enamel-pin-set