游玩地址:
https://www.hezicola.com/javascript_fighting_game/index.html
操作指南:
玩家1 | 玩家2 | |
向左移动 | A | ← |
向右移动 | D | → |
跳跃 | W | ↑ |
攻击 | Space | ↓ |
项目及更新说明:
从mengru的小项目里激发了学习兴趣,再加上想用RPG Maker做点角色扮演离不开Javascript,于是学都学了。感谢@Chris的教学与指导,果然我还是适合寓教于乐。
/////////更新说明/////////
V1.1
- 史诗级更新,为角色添加两个方向的动画。
- 为两个方向添加图像。
> 添加图像素材
> 为角色的类添加方向属性direction
> 在按键监听中添加语句,按下方向键后,使方向属性的值发生改变’left’、’right’
> 在角色类的切换图像的函数中添加if语句进行判断,依据不同的direction值,选择不同的图像组合(朝左的图像组合、朝右的图像组合) - 确保攻击box跟随角色转向
> 在角色类中添加函数attackBoxOffsetDefine,依据朝向改变攻击box图像的偏移值。
> 在角色类的update函数中执行attackBoxOffsetDefine函数
- 为两个方向添加图像。
- 降低角色攻击力。
素材:
itch: @aamatniekss;@ansimuz
待完善及BUG:
- 攻击方式单一。
- 可以无限次跳跃
梯云纵。 - 可以走出屏幕边框。
- 死亡动画未结束时依然可以操作:dead状态在死亡动画达到最后一帧时才会开启。若该状态未开启则无法关闭按键监听。
- 页面缺乏返回按钮。
- 只有一个双人模式。若制作单人模式,需要为玩家2添加AI。
- 两人同时血条归零时两个人都不会倒下。
- 游戏开始后若未按方向键,跳跃与攻击动画无法正常渲染。
- 只有某个方向的攻击动画可以达到attackBox末端。
很不错,谢谢你,续了我的学生梦
感谢你的认可
谢谢分享故事