新手入门· 8 分钟阅读

从零开始:30 分钟 Builda 入门之旅

完全没有游戏开发经验?本教程带你用 30 分钟搭建出第一个可以运行的小游戏。

从零开始:30 分钟 Builda 入门之旅

欢迎来到 Builda!如果你从未写过代码,也没用过任何游戏引擎,这篇教程正是为你准备的。跟着下面 5 个步骤走完,你将在 30 分钟内拥有一款可以运行、可以分享的小游戏。

第 1 步:创建你的第一个项目#

打开 Builda 在线编辑器(无需下载安装),点击右上角「新建项目」。

  • 项目名称:给你的作品起个名字,比如"我的第一款游戏"
  • 模板选择:初学者建议选择 "空白项目",方便理解每一步做了什么
  • 画布尺寸:保持默认的
    text
    800 × 450
    即可,覆盖大多数浏览器窗口

点击「确定」后,你会看到左侧是角色列表,中间是画布,右侧是属性面板。这三块就是你接下来频繁打交道的地方。

第 2 步:添加一个主角#

左下角有一颗醒目的 "+" 按钮,点它,从资源库里挑一个你喜欢的角色(比如像素小英雄)。

💡 小贴士:Builda 内置的资源都经过优化,体积小、加载快。你也可以上传自己的图片,支持 PNG / GIF / SVG 格式。

把角色拖到画布中央,它现在是静止的——我们马上让它动起来。

第 3 步:让角色听懂键盘#

这是 Builda 的灵魂所在——可视化积木编程

在右侧切换到「积木」标签,你会看到几个分类:

  • 事件:什么时候触发?(如按键、点击、碰撞)
  • 动作:要做什么?(如移动、变色、播放音效)
  • 控制:如何组合?(如循环、条件判断)

把下面这组积木拖到一起:

builda
当 [↑] 键被按下时
  让 [主角] 的 Y 坐标 减少 10

当 [↓] 键被按下时
  让 [主角] 的 Y 坐标 增加 10

点击右上角的绿色 ▶ 运行按钮,你会发现——角色能上下移动了!

第 4 步:添加一点挑战#

光能移动还不算游戏,我们加一个"躲避障碍物"的玩法:

  1. 再添加一个角色作为障碍物,放在画布右侧
  2. 给它加一段积木:「从右向左持续移动
  3. 再加一条规则:「如果碰到主角,游戏结束
builda
当 游戏开始
  重复 无限次
    让 [障碍物] 的 X 坐标 减少 5
    如果 [障碍物] 碰到 [主角]
      显示"游戏结束"
      停止游戏

运行一下——恭喜,你做出了一款"躲障碍"小游戏!

第 5 步:保存与分享#

点击右上角的「保存」按钮,项目会自动存到云端。

接下来点「发布」,Builda 会生成一个专属链接,比如

text
https://play.builda.dev/u/你的账号/my-first-game
。把这个链接分享给朋友,他们无需安装任何软件就能直接游玩。

下一步学什么?#

你已经掌握了 Builda 最核心的工作流:角色 → 事件 → 动作 → 发布

继续阅读 积木编程基础,深入理解事件、变量与循环这三个让游戏真正"活起来"的核心概念。