小游戏

更新于

以下小游戏都是学习过程中制作的Demo,全部都可以在线游玩,不用安装任何软件,只需要支持WebGL就好啦(主流的Web浏览器都是支持的),但是加载会比较慢请耐心等待哦

坦克大战

https://res.aprilforest.cn/games/Tank90/index.html

  • 支持触屏操作
  • 支持键盘操作

经典的坦克大战游戏复原,达到10分即可胜利,敌人的子弹会分裂,打到家里的基地就失败了,好像有点儿太难了,算是入门的第一款作品吧。

操作方式:方向键移动,空格键开火

tank90.png

天空战斗机

  • 支持触屏操作
  • 部分支持鼠标操作(电脑需打开F12,点击左上角的模拟移动设备按钮才可以正常游玩)

https://res.aprilforest.cn/games/SkyWar/index.html

4399上一款有点意思的战机游戏,需要捡到子弹才能开火,被撞到就会扣血,我提取出了游戏的资源,并自己尝试做了一次,好不容易才做出了原版游戏的大部分内容,不得不说过程真是太艰苦了。

飞行过程中需要闪避袭来的导弹,拾取护盾道具可以暂时免疫撞击伤害,拾取子弹道具可以发射子弹,拾取维修道具可以恢复一条生命

操作方式:触屏/鼠标左键按住移动飞机

skywar.png

愤怒的小鸟

  • 支持触屏操作
  • 支持鼠标操作

https://res.aprilforest.cn/games/AngryBirds/index.html

简化版的愤怒的小鸟,因为时间关系,只制作了前5关,总体来说感觉质量粗糙了点,和原版的质量还是有很大的差别的,做的过程中遇到了很多坑,也算是学到了经验吧。

操作方式:触屏/鼠标左键操作

angrybirds.png

祖玛

  • 支持触屏操作
  • 支持鼠标操作

https://res.aprilforest.cn/games/Zuma/index.html

经典的祖玛游戏,虽然有些小bug,但还是很有意思的。第一次尝试不看视频,自己敲代码做出来的工程(当然还是参考了原工程的代码逻辑的),过程真的太艰苦了,光是贝塞尔曲线就卡好几天的时间。个人觉得这个游戏应该是技术含量最高的(相比其它几个游戏),涉及到的算法也最多。

因为精力的关系,只做了前4个关卡,每个关卡对应一个不同的地图和难度。我还尝试做了发射球的位置预判,可以在游玩时使用鼠标右键或者点击上方按钮进行切换瞄准模式。

操作方式:触屏/鼠标左键/右键操作

注意:不知道为什么,网页显示会很大,建议缩小页面大小或者点击右下角的箭头进入全屏模式游玩

zuma.png