Alterna · учебный материал
游戏机械
44.1.: 浏览器罐壳中的游戏周期、运动、三角洲时间和影响。
Что в этом материале
- 为什么你需要一个三角洲时间
- 没有魔法的碰撞
- 技巧游戏游戏
- 游戏及其源代码
Содержание и основные понятия
可靠的机械将数据和图像分隔开来。 模型中存在播放器的坐标、 速度、 墙壁和收集对象; Canvas 只显示它们当前的状况 。
算法
坐标坐标坐标点
罐壳贝壳
01
为什么你需要一个三角洲时间
频率变化:一个浏览器每秒可以绘制60个框架,另一个更小,所以移动不是“每个框架三个像素”,而是公式。
new_x = x + speed × delta
何 地
delta
- 最后一次几秒钟。
скорость = 150 пикселей/сек
delta = 0.016 сек
смещение ≈ 2.4 пикселя
input
键
update
新坐标和检查
draw
Canvas目前状况
02
没有魔法的碰撞
玩家 - 圆
对于玩家来说,中心就足够了。
(x, y)
半径
r
这是方便的 自由移动 跨越飞机。
墙壁 - 矩形
墙左上角、宽度和高度保留。
秩序是重要的
首先计算预定位置,然后检查墙壁, 只有当你不通过新的坐标, 所以玩家不会最终进入屏障。
03
技巧游戏游戏
开始和同样的中风 给不同的方法 观察同样的算法。
↻
速度和人员
04
游戏及其源代码
下面的演示并不隐藏算法。 改变速度、 边界、 晶体位置或胜利规则, 按“ 开始 ” , 然后运行箭头或直接向坎瓦斯 进行 WASD 。
init()
创造财富,
update()
计算转换
dt
检查墙壁
draw()
他在建立框架 换换速度
240
每秒像素/ 秒
360
添加墙壁或改变撞击半径。
代码编辑器上传...