棍子英雄——JS小游戏开发的魅力－妙味新闻

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

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

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

游戏说明：

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

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

游戏制作思路:

棍子的长度 num增加
num 要在一定范围之间（左边块左侧-右边块左侧）~（左边块的左侧-右边块的右侧）才能继续游戏
游戏继续：从初始位置移动到右边块的左侧的位置（人物移动）
整个游戏内容往左边移动一定距离（人物移动的长度）
要在右侧生成下一个块的位置（随机位置）
得分+1
游戏失败：角色从初始位置移动到棍子长度结束的位置，让角色掉落下来
显示得分

复制代码

完成游戏所需的知识点：

定时器
随机数范围的生成
transition
transitionend
transform rotate

复制代码

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

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

密码：kl5s

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

>>点击加入妙味VIP会员

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

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

其他相关新闻推荐列表