首页 微武游戏攻略 正文

想学javascript游戏开发?这几个经典案例别错过!

今儿心血来潮,想捣鼓个小游戏玩玩,就用JavaScript写个简单的东西。过程还挺有意思的,给大伙儿分享一下。

一开始的瞎琢磨

一开始也没啥头绪,就想着JavaScript这玩意儿平时网页上用得多,做个小游戏应该也行。就四处划拉资料,发现还真不少人用JavaScript做过游戏,什么贪吃蛇、俄罗斯方块、超级玛丽啥的,五花八门。

不过我这人比较喜欢简单的,就想先整个最基础的试试手。决定就搞个类似“像素鸟”那种躲障碍物的小游戏。逻辑简单,实现起来应该不麻烦。

动手搞起来

我这人干啥都喜欢先搭个架子。所以第一步就是先把HTML页面给弄出来。弄个<canvas>标签,游戏画面就放这上头。

小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

然后就是写JavaScript代码。先定义几个变量,像啥小鸟的位置、障碍物的位置、得分之类的。然后写几个函数,一个用来画小鸟,一个用来画障碍物,还有一个用来检测碰撞。

这中间还遇到个小插曲,就是JavaScript里头没有类的概念,这让我这个以前老用Java的人有点不习惯。不过后来想想,反正就一个简单小游戏,直接用函数和对象也凑合。

  • 先用setInterval函数,让游戏动起来,每隔一段时间就更新一下画面。
  • 再用addEventListener函数,监听键盘事件,按下空格键就让小鸟往上飞一下。

修修补补,让游戏更好玩

基本功能有,但玩起来总觉得差点意思。于是我又加点东西:

  • 加个计分功能,每躲过一个障碍物就加一分。
  • 加点难度,让障碍物的速度越来越快。
  • 还加个“Game Over”的提示,小鸟撞到障碍物就结束游戏。

的成果

经过一番折腾,小游戏总算有点样子。虽然画面比较简陋,但玩起来还挺带劲的。看着自己写的小游戏跑起来,心里还是有点小成就感的。

这回用JavaScript写小游戏的经历还挺有意思的。也让我对JavaScript有更深的解。下次有空再捣鼓个复杂点的游戏试试!

本文转载自互联网,如有侵权,联系删除