zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS教程之使用 P5.js 构建一个贪吃蛇游戏(教程含源码)

JS游戏源码教程 一个 构建 贪吃蛇 使用
2023-09-11 14:18:47 时间

回想我的编码之旅的开始,我记得我相信一个新手无法编写整个游戏。“实时更新”、用户输入和游戏处理的纯粹想法让我相信我需要数年时间才能最终达到游戏开发的水平。

好吧,我猜,犯错是人的事。在本文中,我将向您展示如何编写您的第一个游戏,以及为什么没有理由害怕它。如果您对阅读全文不感兴趣,请查看成品。

Snake,那又是什么?

让我们先快速解释一下我们将要创建的游戏:Snake。它绝对是 70 年代的经典之作,但总而言之,对于所有没有听说过它的孩子来说,它是免费的、有趣的,而且会让你很紧张。

基本上,Fortnite 适合老年人。我第一次接触这款游戏是因为它曾经预装在我们的翻盖手机上。每当您不小心打开浏览器并上网两秒钟(感觉更像十年)时,您的内心就会沸腾恐慌,该游戏非常适合让自己平静下来。你们中的一些人可能还记得那种感觉。

无论如何,游戏的目的是让你用键盘上的箭头键控制蛇。如果蛇撞到边缘或自己的身体,游戏就结束了。通过收集随机放置在游戏板上的苹果,可以种植。

让编码开始

设置
首先,我们将使用样板文件(在文章底部)来启动我们的项目。样板文件几乎是一个模板,负责处理我们需要的文件夹结构和文件引用。它还包括 P5.js,这是一个易于使用的 JavaScript 库,拥有庞大的社区,非常适合使用它创建游戏和可视化。我也认为它是开始编码的理想选择。

布局和设计
在编写任何游戏逻辑之前,我总是建议您创建一个基本布局并为其添加一些样式。大多数人反对这种方法,会先编写 JavaScript 代码,但设计优先方法有一个很大的优势&#