棍子英雄——JS小游戏开发的魅力

你还在犹豫:实战项目的题材吗?
你还在纠结:零散的知识点要如何归整吗?

本期为大家呈现:《JS版棍子英雄小游戏》——带你领略前端游戏开发的魅力。


 

*借用真实游戏配图,纯属为了好看~~ ^_^


游戏说明:

1、当棍子的长度落在右边块的左侧到右侧之间,角色向前进,游戏继续;
2、当棍子的长度没有到达右边块的左侧,让角色向前走,走到棍子的末端的时候角色掉下,游戏结束;
3、棍子的长度超出右边块,让角色往前走,超过范围,角色掉下,游戏结束;


——在具体JS实现中,究竟该如何判断?怎么实现那些功能呢?
——那些 编程思路流程控制 和 思维逻辑 要怎么去训练?
以上问题,《JS版棍子英雄小游戏》视频教程,带你一探究竟!

游戏制作思路:

  1. 棍子的长度 num增加 
  2.     num 要在一定范围之间(左边块左侧-右边块左侧)~(左边块的左侧-右边块的右侧)才能继续游戏   
  3.    游戏继续:从初始位置移动到右边块的左侧的位置(人物移动)
  4.        整个游戏内容往左边移动一定距离(人物移动的长度)
  5.        要在右侧生成下一个块的位置(随机位置)
  6.        得分+1

  7.         游戏失败:角色从初始位置移动到棍子长度结束的位置,让角色掉落下来
  8.     显示得分
复制代码



完成游戏所需的知识点:

  1. 定时器
  2. 随机数范围的生成
  3. transition 
  4. transitionend
  5. transform rotate
复制代码


本次的游戏视频教程的更新如下:
 


链接:http://pan.baidu.com/s/1kUXBwX5 

密码:kl5s





还不是VIP会员?想随时收到更多妙味VIP视频课程???

>>点击加入妙味VIP会员


——享受正版妙味VIP用户超值回报!

课程咨询
QQ:3049266712
QQ:3023710192
VIP会员咨询
QQ:3349734318
QQ:2379848569
咨询电话:010-57269690

妙味网友
请登录后留言,请登录注册