今天心血来潮,想搞搞JavaScript游戏开发,看看能不能用这玩意儿做出点有趣的东西。
我也挺懵的,不知道从哪儿下手。毕竟之前JavaScript主要就是写写网页特效,跟游戏开发好像不太搭边。不过网上搜一下,发现好多人都说JavaScript也能做游戏,而且还有不少现成的框架可以用,心里就有点底。
准备工作
先得把环境搭起来。我用的编辑器是之前一直用的,没啥特别的。然后,我选一个叫Phaser的框架。听说这个框架挺火的,专门就是用来做2D游戏的,上手也简单。我就琢磨着,先用它试试水。
安装Phaser的过程也不复杂,就按照官方文档的指示,一步步来就行。安装好之后,我找一个官方的入门教程,打算跟着做个小demo。
开始“造”游戏
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
教程里教的是做一个小星星收集的游戏。我跟着教程,一步步地敲代码:
- 先创建一个游戏场景,设置好背景颜色、大小什么的。
- 然后往场景里加东西,比如玩家控制的小人、要收集的小星星,还有一些障碍物。
- 再给小人加上键盘控制,让它能上下左右移动。
- 写点逻辑,让小人碰到星星的时候,星星消失,分数增加。
这个过程挺有意思的,感觉就像搭积木一样,把一个个小功能拼起来,就成一个能玩的游戏。
中间也遇到一些问题。比如,有时候小人会卡住不动,或者星星收集没反应。这时候就得仔细检查代码,看看哪里写错。好在Phaser的文档挺全的,遇到问题查一查,基本上都能解决。
实现效果
经过一番折腾,小游戏终于能跑起来。虽然画面比较简陋,但是看着自己“造”出来的东西能动起来,还是挺有成就感的。以后有时间,还可以继续完善它,比如加点音效、关卡什么的。
这回JavaScript游戏开发初体验还不错。Phaser这个框架确实挺好用的,让游戏开发变得简单不少。以后可以考虑用它做一些更复杂的游戏。
另外今天还知道游戏里那种控制移动,是控制画面里移动的那个东西,比如贪吃蛇游戏控制的蛇头,并不是真控制蛇头去往哪儿,而是蛇移动时,是把蛇尾设置到蛇头的下一个位置,蛇的中间部分是不动的。