bouncing-balls:使用普通JavaScript弹跳球

时间:2021-04-14 15:53:30
【文件属性】:
文件名称:bouncing-balls:使用普通JavaScript弹跳球
文件大小:2.66MB
文件格式:ZIP
更新时间:2021-04-14 15:53:30
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)

网友评论