文件名称：flowers-webgl:朴素的花草场景与简单的绳索物理原理和Verlet集成
文件大小：672KB
文件格式：ZIP
更新时间：2024-04-30 21:11:33
canvas2d physics-simulation verlet verlet-integration rope-physics
花webgl 描述 这是一个以朴素的风格绘制花田的项目。 随着时间的流逝，每朵花都会因风而失去花瓣，最终死亡，只不过是被新的花所取代。 茎被建模为失重的绳索，并通过Verlet集成进行动画处理。 鼠标可用于与花朵互动。 看到它住。 细节 该项目的灵感来自用户的静态图片。 绳索物理学 花梗被建模为绳索。 绳索被视为由非常坚硬的弹簧连接而成的节点链。 有两个约束： 第一个节点（花的根）是固定的 连续节点之间的距离是固定的 在这个场景中，重力并不作用于绳索本身，唯一的运动来源是花冠，它通过风和重力而运动。 对于每个更新步骤： 每个节点的位置都通过Verlet集成进行更新 然后，为确保基本满足约束条件，我反复执行了一个调整步骤。 由于在此场景中移动非常缓慢，因此十几次就足够了。 线插补 每条绳索仅由几个部分组成，因为我认为它给出了更多有趣的动作。 但是，我仍然希望茎看起来平滑，因此在绘制
【文件预览】：
flowers-webgl-main
----.gitignore(25B)
----package.json(1KB)
----package-lock.json(76KB)
----src()
--------readme()
--------config()
--------ts()
--------generate-page.ts(5KB)
--------shaders()
----LICENSE(34KB)
----readme.md(5KB)
----.gitattributes(66B)
----docs()
--------favicon-32x32.png(561B)
--------images()
--------favicon-16x16.png(299B)
--------css()
--------favicon-96x96.png(1KB)
--------script()
--------index.html(16KB)
--------shaders()