文件名称：bouncing-balls:使用普通JavaScript弹跳球
文件大小：2.66MB
文件格式：ZIP
更新时间：2024-05-04 09:40:10
javascript canvas game-development physics-simulation bouncing-balls
弹跳球 使用普通JavaScript进行简单的弹跳球模拟。 在HTML Canvas中绘图，也使用纯CSS。 （没有第三方框架/代码） 描述 通过在画布上单击鼠标，可以创建一个新的球，目标是按住鼠标并将其移动（从起点拖动鼠标以提高速度），然后释放鼠标按钮来射击新的球。 （还支持触摸屏/设备，触摸事件使用相同的规则） 画布在1秒钟内更新（重画）了60次。 （60帧/秒） 在CSS媒体查询的帮助下，画布是响应式的。 因此，整个物理引擎（内部的所有数学和逻辑）都使用局部坐标/单位工作。 本地宽度始终为100本地单位，高度始终为66.6667本地单位。 （因为画布比例为3：2） 该模拟不是100％真实世界的模拟，因为在现实世界中有许多其他因素在移动/碰撞，例如球的旋转，球的柔软度，墙壁的类型，甚至天气和声波都会产生影响在现实世界。 您可以在代码内找到有关物理的更多描述，例如，当球碰撞时，
【文件预览】：
bouncing-balls-master
----images()
--------vertical_2.gif(324KB)
--------vertical_1.gif(293KB)
--------bigger_screen.gif(854KB)
--------horizontal_2.gif(810KB)
--------smaller_screen.gif(705KB)
--------horizontal_1.gif(517KB)
----package.json(490B)
----test()
--------vector2d-tests.js(4KB)
--------balls-tests.js(6KB)
----LICENSE(1KB)
----package-lock.json(34KB)
----src()
--------css()
--------index.html(1KB)
--------js()
----.gitignore(12B)
----README.md(3KB)