1. 首页 / 百科

如何制作游戏 无需编程基础 自己开发游戏教程

 

GameBoy 是我们一代人的童年回忆,其像素风的画面及泛绿的屏幕效果至今仍被许多复古向游戏所借鉴。出于对游戏的热爱,制作一款 GameBoy 游戏,也成为了不少人心中的愿望。如果你也有这样的心愿未了,不妨试试今天介绍的 GB Studio,无需编程基础也能做出自己的 GameBoy 游戏。

GB Studio

认识界面

GB Studio 的界面非常直观,新建一个项目后,摆在你眼前的就是整个游戏的故事板。你可以在故事板上看到包括 Logo、开始界面在内的所有场景。点击场景或内容物即可在右侧修改其属性,或是为其添加脚本。

在窗口左上角,你可以切换到素材区来查看图像、音频素材。如果你正在制作的是一款剧情游戏,你也可以在「查看剧情脚本」(Script Review)中检查剧情是否足够吸引玩家。

简单地认识了界面后,我们就可以开始制作属于自己的第一款游戏了。在开始制作游戏前,我们需要准备好游戏的剧情和图形素材。以一个简单的冒险游戏为例,我们要一个勇敢无畏的主角,要一个邪恶的反派,还需要不同的场景让主角游历其中。

绘制素材

GameBoy 的屏幕仅支持显示四种灰度,因此在绘制素材时,我们也要谨记这一点。官方文档为背景素材提供了四种可以使用的颜色:#072821(黑色)、#306850(深绿)、#86c06c(浅绿)、#e0f8cf(白色),人物素材在这四色的基础上,删掉了 #306850(深绿),加上了 #65ff00 用于表示透明色。

在任何素材中,都只能包含这四种颜色。如果素材所使用的颜色不包含在内,GB Studio 会自动匹配近似的颜色, 但视觉效果会大打折扣。

配色参考

绘制素材的应用,我推荐 Aseprite 和 Tiled Map Editor。Aseprite 是一款用于绘制动态像素画的工具,支持 Windows 及 macOS 双平台,你可以在 Steam 上以 48 元购买到它。

Aseprite 适合用于绘制人物、UI 等小素材,对于游戏场景这样的大型素材来说,使用开源的 Tiled Map Editor 来制作会更加方便。你可以在 官网 免费下载 Tiled Map Editor,它同样支持 Windows 及 macOS。

GB Studio 在素材格式上也有一定的限制。首先,素材必须是 PNG 格式。静止的物品素材为 16px × 16px,动态物品素材则在此基础上横向扩展,但必须保证高度维持在 16 像素。绘制人物素材的时候,则需要将其正面、背面和侧面都绘制出来,并拼合起来。背景素材至少需要达到 160px × 144px 的分辨率,最大不能超过 256px × 256px。

素材大小范例

绘制好素材后,你需要将它们分门别类地放置到游戏工程文件夹中「assets」下的对应文件夹里。

编辑场景

在游戏故事板中,你可以随意添加场景,并将人物放置在上面。在添加了一个空白场景后,你可以在右侧的编辑栏中修改它的名字、背景等属性,并为其添加脚本。要想在场景上放置人物或开关(Trigger),只要在悬浮菜单中选择对应的选项即可。人物的属性设置与场景相同,你可以修改它的坐标来让它生成在不同的位置。

添加场景

此处需要注意的一点是,开关在游戏中是不可见的,并且它是地图交互的必要元素。举个例子,如果你在地图上绘制了一间房子,默认情况下你是不能进去的,只有在你添加了开关并设置脚本,才可以从门口进入。物品和人物的互动则无需这么复杂,你只要选中人物,在右侧的编辑窗口为其添加脚本即可。

由于房屋、树木及地形等元素都是直接画在背景上的,为了不让角色出现在奇怪的地方,我们需要为地图添加空气墙,用于阻挡玩家的脚步。添加空气墙的步骤十分简单,只要按下 C,随后在场景中绘制即可。

当我们将所有场景和人物都添加好后,就可以进入游戏流程的制作了。

开始制作游戏

在游戏中,所有交互和动作都是通过脚本来实现的。你可以为人物添加脚本,让他能够开口说话;你也可以为开关添加脚本,让玩家可以与地图互动。这里以「开口说话」和「与地图互动」为例,简单介绍如何为人物、开关添加脚本,在实际过程中,你可以发挥自己的想象力,做出更多有趣的效果。

要让人物开口说话,只需选中人物,随后在右侧的编辑菜单中选择「添加事件」(Add Event),即可添加事件脚本。这里我们选择「显示文字」(Display Text),并在文本框中输入需要的文字(仅支持英文)。只要玩家对着该角色按下 A 键,预设的文字就会显示出来,就像是人物在说话一样。你也可以将其应用到路标、收音机物品上。

显示文字

要添加开关脚本,你需要先添加一个开关,随后在右侧选择「添加事件」。与人物互动需要玩家按下按键,而默认情况下,只要人物站在开关上,它就会启动。因此,如果你希望让玩家在按下按键后才开始互动,则需要在脚本中加上「当玩家按下按键」(If Joypad Input Pressed),并将互动脚本放置在这个 If 条件中。

IF 条件

在游戏中最常用到的一个事件脚本就是「切换场景」(Switch Scene)。你可以为每个切换场景的脚本设置要切换的场景、玩家生成的位置、方向,甚至是切换速度。在设置了「切换场景」的脚本后,故事板中的场景也会由蓝色虚线所连接,看起来更加直观。

制作游戏的过程中,你可以随时点击右上角的「运行」(Run)按钮或快捷键 Ctrl/Command - B 来快速开始试玩。

导出游戏

当你经过努力制作出自己的游戏后,你一定会迫不及待地想要将它分享给别人吧。GB Studio 提供了两种导出形式:

  1. 导出为 ROM:生成一个 .gb 格式的游戏 ROM 文件,你可以在任何模拟器上进行游玩。
  2. 导出网页:生成一个基于 HTML5 的网页,你需要将整个文件夹上传到服务器,并定位到 index.html(可重命名),随后即可在线进行游玩。

两种导出方式各有优劣,在没有服务器的情况下,第一个选择无疑是更合适的。如果你有一个服务器,那么不妨将游戏部署到服务器,这样一来,只需要一个链接就能畅玩你的游戏。在移动平台上,导出的网页还会自动生成虚拟按键,以供玩家操作。

你可以在 GB Studio 的 官网 免费下载它,支持 Windows、macOS 及 Linux 平台。GB Studio 也在 GitHub 开源,你可以 在此 查看它的源码。如果你在制作游戏的过程中遇到任何问题,可以在 这里 查阅官方文档。

祝大家可以早日制作出好玩有趣的游戏,如果你将游戏部署到了服务器上,不妨在评论区与我们一起发分享。

相关推荐

  • word制作电子公章 制作电子印章的方法

    word制作电子公章 制作电子印章的方法

    word制作电子公章 制作电子印章的方法,制作,电子公章,方法,电子印章,点击,填充,格式,红色,电子公章是我们在公司、单位等场合经常能见到的公章的电子形式,很多人不知道该怎么制作一个公章,接下来就主要介绍一下如何用word制作电子公章: 1.首先打开word文档,点击插入-形状,找到椭圆形状。 2.按住shift将其拉成一个圆,点击“格式”-“形状轮廓”将外圆部分设置为红色,粗细设置为4.5磅。 3.点击格式-“形状填充”,将颜色设置为“无填充颜色”。 4.点击...

  • 抖音地图怎么添加店铺位置?

    抖音地图怎么添加店铺位置?

    抖音地图怎么添加店铺位置?,添加,抖音,位置,地图,点击,搜索,选择,名字,抖音地图怎么添加店铺位置? 1、打开抖音,点击中间的加号。点击拍摄按钮 2、拍摄完毕,点击下一步,打开你在哪里, 3、搜索选择自己的店铺名字点击添加,然后发布即可...

  • word怎样在空白处添加下划线?

    word怎样在空白处添加下划线?

    word怎样在空白处添加下划线?,下划线,添加,输入,中文,位置,方法,对齐,快捷键,word怎样在空白处添加下划线? 方法1: 1、快捷键用shift+-【减号键】,就可以画出下划线了,长度可以手动控制非常简单。要注意一地那,减号键是字母键上的减号,不能是中文状态下的减号。 2、画完之后要注意对齐下长度。中文字体要对齐,箭头的开始位置和终止位置要保持一致,这样看起来才会整齐美观。 3、复制可以画一个之后复制粘贴几个再修改下类别就可以了。 方法二: 还可以用快捷键...

  • 竹节人的制作方法 竹节人制作教程

    竹节人的制作方法 竹节人制作教程

    竹节人的制作方法 竹节人制作教程,制作方法,制作,竹节,打上,全身,战斗力,骨头,飙升,竹节人的制作方法 1、准备好以下材料:竹子、实木板(也可以用其他纸板代替)、棉绳、竹人的小兵器等。 2、挑选粗细均匀的竹段,台锯分切,切成一小段一小段,并在两边穿好孔。 3、将棉绳化为骨头支架,游走于全身各大穴,并在端头打上活接。 4、将小竹人穿上事先准备好的兵器,顿时就威风凛凛有木有,战斗力飙升。 5、找一张有缝的桌子,也可以自己制作一张。将我们的实木板开槽,上连接件。 6、...

  • 多组数据怎么做一个折线图 excel多组数据折线图制作方

    多组数据怎么做一个折线图 excel多组数据折线图制作方

    多组数据怎么做一个折线图 excel多组数据折线图制作方法,数据,折线图,制作方法,系列,对话框,单击,选择,文本框,excel多组数据折线图制作方法 1、将所需绘制折线图的数据输入到excel中去。这里以两组数据为例。 2、选择“插入”菜单,单击“折线图”,在“二维折线图”中选择第一个。 3、在excel自动生成的空白折线图区域任意位置鼠标右键单击一下,在弹出下拉菜单中单击“选择数据”。 4、在弹出的对话框中单击“图例项(系列)”下的“添加”按钮。 5、在弹出的...

  • 数据分析走势图怎么做 excel数据分析走势图制作方法

    数据分析走势图怎么做 excel数据分析走势图制作方法

    数据分析走势图怎么做 excel数据分析走势图制作方法,数据分析,制作方法,怎么做,选择,趋势,图表,布局,数据,excel数据分析走势图制作方法 1、首先打开excel表格,把基础数据汇总好。 2、全选需要制作趋势图的数据,在菜单栏点击插入选择折线图。 3、选择以后在图表布局里选择一个需要的图表模板。 4、选择布局1(或者根据所要表达的内容选择)。 5、选择以后能看到的结果图如下,箭头所示的位置,分别是标题和图例 6、图表做好以后,鼠标右键点击折线图,在出现的选...

  • 直播间游戏互动大全 带动气氛搞笑的直播间小游戏

    直播间游戏互动大全 带动气氛搞笑的直播间小游戏

    直播间游戏互动大全 带动气氛搞笑的直播间小游戏,主播,用户,直播间,惩罚,小游戏,动作,送礼物,游戏,你直播冷场嘛?自己不知道该说什么,准备的话题也枯竭了之后,不妨准备点小游戏与观众互动娱乐。 小游戏不仅可以增加互动性和娱乐性,吸引观众留在直播间,提高直播的观看率和互动率。同时,小游戏也可以让主播和观众之间建立更多的联系和互动,增强彼此的沟通和交流。此外,玩小游戏还能够为观众带来放松和快乐的体验,提高他们的参与度和黏性,对于直播平台的发展和主播的成长也有一定的促进...

  • 文本效果在哪里 word文本效果制作方法

    文本效果在哪里 word文本效果制作方法

    文本效果在哪里 word文本效果制作方法,文本,制作方法,字体,对话框,填充,右下方,格式,设置,word文本效果制作方法1、新建文档,然后输入文字2、选中需要编辑的文字,再点“开始”选项卡的“字体”组右下方的斜箭头;3、弹出字体对话框;在框的底部这里,点击“文本效果”4、弹出“设置文本效果格式”对话框;点“文本填充”5、在弹出的相关选项中,再点选“渐变填充”;6、返回到字体对话框,再点确定即可...

  • 聚会玩的游戏5~7人 适合团建玩的小游戏

    聚会玩的游戏5~7人 适合团建玩的小游戏

    聚会玩的游戏5~7人 适合团建玩的小游戏,团建,小游戏,玩法,攻略,聚会玩的游戏,适合,动作,出题,团建聚会不知道玩什么?今天为大家推荐8个超级好玩的团建游戏,团建、年会、破冰必备! 不需要复杂的道具,也不受场地限制,随时随地都可以玩到嗨,快来Get吧! 1、暴雨来袭 玩法攻略: 大家围圈坐,第一个人向右边的人做一个动作,但口中却说出另一个动作。例如他手中坐着刷牙的动作,右边的人问“你在做什么”时,他要一边刷牙,一边回答“我在绑鞋带”,第二个成员就要绑鞋带。右边的...

  • 羽毛球拍线怎么选择 羽毛球拍网线什么材质好

    羽毛球拍线怎么选择 羽毛球拍网线什么材质好

    羽毛球拍线怎么选择 羽毛球拍网线什么材质好,耐打,号线,选择,击球,性能,手感,材质,网线,俗话说:工欲善其事,必先利其器,可见球线对羽毛球拍是十分重要了 不同性能的球拍加上与之匹配的球线,才能发挥出球拍最大的性能。 线的品牌种类比较多,相信很多新手球友都看花眼了。 今天带大家来盘点三大厂羽毛球拍线,帮助新手球友选择合适自己的球线。 YY线算是球线中的老大了,也是最多球友首选的,包装上有4种颜色,都代表着不同的性能。 绿色控制性:99 AB 黄色耐久性:65 65...

  • 如何选择装修风格 3个方面分析装修风格适宜人群

    如何选择装修风格 3个方面分析装修风格适宜人群

    如何选择装修风格 3个方面分析装修风格适宜人群,北欧,选择,适合,装修预算,老人,装修风格,风格,色调,选择装修风格对我们来说是一件很困难的事,毕竟这是我们以后要居住的家中环境,选一款适合自己的装修风格是很重要的。下面,小编来告诉你们怎么选择装修风格? 一、按预算选风格 1、装修预算=10万元左右 虽然都说“简约不简单”,但是不可否认的是,简约风格的设计,施工和造型都不复杂,使用的材料也大都性价比较高,所以当大家决定经济实惠装修时,现代简约一定是首选。 (1)现代...

  • 如何选择装修风格?装修风格有哪些?

    如何选择装修风格?装修风格有哪些?

    如何选择装修风格?装修风格有哪些?,有哪些,设计,适合,简单,功能,元素,北欧,显示,装修风格多种多样,在装修之前不知道自己适合哪种风格很正常,接下来我给大家介绍六种装修风格,你适合哪种装修风格?看了就知道。 一、现代简约风格 以实用功能主义为主的风格即为现代简约风格,强调突破旧传统,创造新建筑,重视功能和空间组织的性能,简约不等于是简单,真正的简约设计不仅是设计元素的精简,还对设计师的设计功力有更高的要求,能在简单的装饰中体现出更深的韵味。 二、新中式风格 以宫...

  • nvidia控制面板怎么设置玩游戏最好 nvidia显卡游戏最

    nvidia控制面板怎么设置玩游戏最好 nvidia显卡游戏最

    nvidia控制面板怎么设置玩游戏最好 nvidia显卡游戏最佳设置,设置,显卡,玩游戏,控制,怎么设置,游戏,选择,3D,nvidia显卡玩游戏最佳设置1、右击桌面选择“控 制面板”。2、打开3D设置点击“管理3D设置”。3、找到“三重缓冲”将其设置为“关”状态。4、各项异性过滤建议低端显卡设为4x,中端显卡设为8x,高端显卡设为16x。5、垂直同步选择“关”。...

  • 怎样制作表格在电脑上 excel制作表格的详细步骤

    怎样制作表格在电脑上 excel制作表格的详细步骤

    怎样制作表格在电脑上 excel制作表格的详细步骤,制作表格,电脑上,步骤,选择,边框,用户,简单,击后,在电脑上制作表格,需要用户打开Excel表格工具,在里面空白页面设置单元格格式,为空白表格添加边框和线条,简单表格就绘制完成。具体操作步骤如下。 excel制作表格的详细步骤: 1、首先,桌面上打开Excel软件。如下图所示。 2、第二步,在新建表格中选中要新建表格的区域。如下图所示。 3、第三步,选中后右键弹出下拉菜单,选择设置单元格格式。如下图所示。 4、...

  • ae怎么导出gif 教你3种AE导出GIF动图的方法

    ae怎么导出gif 教你3种AE导出GIF动图的方法

    ae怎么导出gif 教你3种AE导出GIF动图的方法,导出,方法,点击,格式,队列,设置,插件,安装,设计师们使用最多的动效软件应该是Adobe公司的After Effects了,功能非常强大,但是尴尬的是它并不支持直接导出GIF,今天小编给大家介绍三种导出GIF的技巧。 1、插件如Gifgun、GifMagick等 使用脚本插件可以高效地导出GIF,我们来说一说Gifgun这款插件。首先分享一下Mac电脑如何安装~(下载链接私信我就可以了,否则会被限流) 将安装...

  • 荔枝干怎么制作方法 超简单的荔枝干做法

    荔枝干怎么制作方法 超简单的荔枝干做法

    荔枝干怎么制作方法 超简单的荔枝干做法,荔枝干,做法,简单,制作方法,底下,捞出,发臭,美味,老家是位于祖国大陆最南端的城市,是亚热带气候,每年的日照时间都是长得吓人,每次回家不出两天,必然被晒黑!今年回来家里帮忙摘荔枝,每天忙忙碌碌,每天都有超多的荔枝被挑出来,吃也吃不完,丢了又浪费!所以就尝试着做了荔枝干! 新鲜或者是放了一两天的荔枝洗干净。 1、煮开水,必须是开水,没过荔枝就可以了,泡两分钟即可捞出。 2、荔枝捞出来放在容器里就可放在太阳底下暴晒了。 3、晒...

  • canva可画怎么导出ppt?

    canva可画怎么导出ppt?

    canva可画怎么导出ppt?,导出,点击,更多,选项,文件,共享,方法,在这里,canva可画怎么导出ppt? 1、打开想要导出的文件,然后点击“共享” 2、然后往下找到“更多“选项,点击打开。 3、在这里我们就可以找到导出PPT的方法。...

  • 微信怎么设置添加好友权限 微信设置添加我的方式

    微信怎么设置添加好友权限 微信设置添加我的方式

    微信怎么设置添加好友权限 微信设置添加我的方式,添加,权限,微信,添加好友,怎么设置,微信设置,点击,设置,微信上面有多种添加好友的方式,可以自主设置添加方式,设置添加为好友的权限方法如下所示: 1、打开微信,在我的界面点击设置。 2、点击朋友权限。 3、点击添加我的方式。 4、有手机号、微信、群聊等添加方式,选择关闭或开启即可。若关闭了某一种方式,则对方就不能用此方式添加你为好友。...

  • 支付宝怎么加好友 支付宝添加好友方法

    支付宝怎么加好友 支付宝添加好友方法

    支付宝怎么加好友 支付宝添加好友方法,支付宝,添加好友,方法,怎么加好友,点击,消息,好友,输入,支付宝添加好友方法1、打开支付宝首页,点击下方的"消息"。2、在消息页面点击右上角的"➕",选择"添加好友"。3、在添加好友输入框中输入好友的手机号查询。4、检索到好友信息,点击"加好友"就可以添加好友了。...

  • iphone13怎么添加163邮箱 iphone设置163邮箱的方法

    iphone13怎么添加163邮箱 iphone设置163邮箱的方法

    iphone13怎么添加163邮箱 iphone设置163邮箱的方法,邮箱,设置,方法,添加,点击,选择,密码,邮箱账号,iphone设置163邮箱的方法: 以苹果13,IOS 15系统手机为例。 1、在手机内选择邮件的应用进入 2、点击需要添加的邮箱,比如点击163邮箱进入 3、点击进入后,在页面中输入自己的邮箱账号以及密码,点击右上方的下一步 4、进入后,我们选择右上方的存储的选项,将邮箱保存 5、设置完成,即可使用邮箱...