fighting_cover
如果我有轻功飞檐走壁

游玩地址:

https://www.hezicola.com/javascript_fighting_game/index.html

操作指南:

玩家1玩家2
向左移动A
向右移动D
跳跃W
攻击Space

项目及更新说明:

mengru的小项目里激发了学习兴趣,再加上想用RPG Maker做点角色扮演离不开Javascript,于是学都学了。感谢@Chris的教学与指导,果然我还是适合寓教于乐。

/////////更新说明/////////

V1.1

  • 史诗级更新,为角色添加两个方向的动画。
    1. 为两个方向添加图像。
      > 添加图像素材
      > 为角色的类添加方向属性direction
      > 在按键监听中添加语句,按下方向键后,使方向属性的值发生改变’left’、’right’
      > 在角色类的切换图像的函数中添加if语句进行判断,依据不同的direction值,选择不同的图像组合(朝左的图像组合、朝右的图像组合)
    2. 确保攻击box跟随角色转向
      > 在角色类中添加函数attackBoxOffsetDefine,依据朝向改变攻击box图像的偏移值。
      > 在角色类的update函数中执行attackBoxOffsetDefine函数
  • 降低角色攻击力。

素材:

itch: @aamatniekss@ansimuz

待完善及BUG:

  • 攻击方式单一。
  • 可以无限次跳跃梯云纵
  • 可以走出屏幕边框。
  • 死亡动画未结束时依然可以操作:dead状态在死亡动画达到最后一帧时才会开启。若该状态未开启则无法关闭按键监听。
  • 页面缺乏返回按钮。
  • 只有一个双人模式。若制作单人模式,需要为玩家2添加AI。
  • 两人同时血条归零时两个人都不会倒下。
  • 游戏开始后若未按方向键,跳跃与攻击动画无法正常渲染。
  • 只有某个方向的攻击动画可以达到attackBox末端。
3 thoughts on “[Javascript] [格斗] 22世纪兵击格斗”

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注