用 Bitsy 制作电子游戏
游戏

> 
> Bitsy 是一个开源电子游戏设计软件。 其简约的功能使任何人都可以探索他们的创造力。
> 
> 
> 


![](/data/attachment/album/202201/29/180248kkvmou3klq9qkyky.jpg "Gaming artifacts with joystick, GameBoy, paddle")


有许多游戏设计程序和各种游戏设计方法，但对我来说，最突出的是 Bitsy。Bitsy 由 Adam Le Doux 在 2017 年创建，在 MIT 许可下发布，用其创造者的话说，Bitsy 是：“一个用于小游戏或世界的编辑器。其目标是使制作游戏变得容易，在那里你可以四处走动，与人交谈，并到某个地方。”


### 安装 Bitsy


Bitsy 是用 JavaScript 编写的，可以制作 HTML5 游戏。你可以从 [GitHub](https://github.com/le-doux/bitsy) 或 [它的创造者的网站](https://ledoux.itch.io/bitsy) 下载它。它很小，很容易学习，有独特的位图艺术风格，有意在功能上有所欠缺，而且能做的事情有限。


尽管（也许是因为）这些限制，Bitsy 自发布以来吸引了一个充满活力的用户社区。用户对 Bitsy 采取的两个主要方法是：接受限制和寻求突破限制，看看你能走多远。


### 创意的界限


Bitsy 的局限性意味着接受这些局限性仍能制作出令人满意的游戏，这就成为一个需要创造性和创造力的挑战。你可以在 [Itch.io 网站](https://itch.io/games/tag-bitsy) 上看到和玩一些用 Bitsy 制作的令人印象深刻的游戏。同时，人们也想出了一些黑科技、调整和扩展。这些都在不牺牲 Bitsy 的本质的前提下突破了一些限制。


Bitsy 的基本元素是一个代表玩家的头像、发生游戏动作的房间、精灵（可以与之互动的非玩家角色）和物品。有一个用于创建这些元素的位图编辑器，它也支持简单的两帧动画。


![Bitsy bitmap editor](/data/attachment/album/202201/29/180258pl18mzod7httahw5.jpg "Bitsy bitmap editor")


在 Bitsy 中工作依赖于条件变量，而不是成熟的脚本，这使得没有编码背景的人容易学习，但有时会让那些期待更多灵活性的人感到沮丧。


如果你想了解 Bitsy 的基本情况，你可以在创作者的网站上了解，或者下载并在本地运行。


![Bitsy room editor](/data/attachment/album/202201/29/180258h666tiat8jftktfk.jpg "Bitsy room editor")


### 文档


关于 Bitsy 的文档并不是只有一个地方可以去看。如果你想看 Bitsy 的操作，可以在 YouTube 上找到各种短视频。我更喜欢基于文本的教程，我发现最有用的三个资源是：


* [Itch.io 网站上提供的官方 Bitsy 教程](https://www.shimmerwitch.space/bitsyTutorial.html)，作者是 Claire Morwood
* [Bitsy workshop PDF](https://static1.squarespace.com/static/58930a6c893fc0a33ae624db/t/5bacd94ac83025ead3937071/1538054510407/BITSY-WORKSHOP.pdf)， 由用户 haraiva 提供
* [Bitsy 变量](https://ayolland.itch.io/trevor/devlog/29520/bitsy-variables-a-tutorial)， 教程由用户 ayolland 编写


阅读这些教程，尝试一些 Bitsy 游戏，并开始创造你自己的东西。开始时要保持简单。当你熟悉了 Bitsy，你可能想研究一下人们为它创造的一些 [工具、黑科技和扩展](https://itch.io/tools/tag-bitsy)。


它也是教育工作者的完美工具，甚至还有教育工作者 Hal Meeks 的 [Bitsy 课程](https://halmeeks.net/bitsyclass/) 可供在线学习。


你还可以在 [Itch.io 网站](https://itch.io/game-assets/tag-bitsy) 上找到人们为 Bitsy 制作的大量游戏资源。


### Twine 整合


你可能已经尝试过流行的基于浏览器的游戏开发工具 [Twine](https://opensource.com/article/18/2/twine-gaming)。你可以将 Bitsy 与 Twine 不同程度地整合。整合的范围可以从简单地将 Bitsy 游戏放在一个 iframe 中显示在你的 Twine 游戏中，到在两个引擎之间共享变量和对话命令，让你在 Bitsy 游戏中执行基本的 Twine 命令！如果你对这些感兴趣，那么请看：


* [结合 Bitsy 和 Twine 的教程](https://spdrcstl.com/blog/bitsy-twine-tutorial.html)
* [Bitsy 黑科技](https://github.com/seleb/bitsy-hacks/blob/main/dist/twine-bitsy-comms.js)
* [Freya 的 Twisty 模板](https://communistsister.itch.io/twitsy-template-1)


### 给初学者的 Bitsy


初学者很容易入门 Bitsy，无论你是编程新手还是仅仅是游戏设计的新手。有了它，你可以探索它在激发创造力、想象力和创造性方面的所有可能性。




---


via: <https://opensource.com/article/22/1/bitsy-game-design>


作者：[Peter Cheer](https://opensource.com/users/petercheer) 选题：[lujun9972](https://github.com/lujun9972) 译者：[geekpi](https://github.com/geekpi) 校对：[wxy](https://github.com/wxy)


本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出


OK
There are many game design programs and many different possible approaches to game design, but for me, the one that stands out is Bitsy. Created by Adam Le Doux in 2017 and released under an MIT license, Bitsy is, in the words of its creator: "A little editor for little games or worlds. The goal is to make it easy to make games where you can walk around, talk to people, and be somewhere."

## Install Bitsy

Bitsy is written in JavaScript and produces HTML5 games. You can download it from [GitHub](https://github.com/le-doux/bitsy) or the [creator's website](https://ledoux.itch.io/bitsy). It's small, easy to learn, has a distinctive bit map art style, is intentionally short on features, and is limited in what it can do.

Despite (or perhaps because of) these limitations, Bitsy has attracted a vibrant user community since it was released. The two main approaches users have taken to Bitsy have been embracing the limitations and seeking to push against the limitations to see how far you can go.

## Creative bounds

The limitations of Bitsy means that accepting them and still producing a satisfying game becomes a challenge demanding inventiveness and creativity. You can see and play some of the impressive games produced with Bitsy online at the [Itch.io website](https://itch.io/games/tag-bitsy). At the same time, people have come up with hacks, tweaks, and extensions. These have pushed against some of the limitations without sacrificing the essence of Bitsy.

The basic elements in Bitsy are an avatar representing the player, rooms where the game action takes place, sprites (non-player characters that you can interact with), and items. There's a bitmap editor for creating these elements, which also allows for simple two-frame animations.

![Bitsy sprite editor Bitsy bitmap editor](https://opensource.com/sites/default/files/uploads/bitsy-editor-sprite.jpg)

(Peter Cheer, CC BY-SA 4.0)

Working within Bitsy relies on conditional variables rather than full-fledged scripting, making it easy to learn for those without a background in coding and sometimes frustrating to those expecting more flexibility.

If you want to see the basics of Bitsy, you can do that online at the creator's website, or download it and run it locally.

![Bitsy room editor Bitsy room editor](https://opensource.com/sites/default/files/uploads/bitsy-editor-room.jpg)

(Peter Cheer, CC BY-SA 4.0)

## Documentation


There isn't just one place to go for documentation about Bitsy. Various short videos are available on YouTube if you want to see Bitsy in action. I prefer text-based tutorials, and the three resources I found most useful are:

[The official Bitsy tutorial](https://www.shimmerwitch.space/bitsyTutorial.html)made available on the Itch.io site is by Claire Morwood[Bitsy workshop PDF](https://static1.squarespace.com/static/58930a6c893fc0a33ae624db/t/5bacd94ac83025ead3937071/1538054510407/BITSY-WORKSHOP.pdf)by user haraiva[Bitsy variables](https://ayolland.itch.io/trevor/devlog/29520/bitsy-variables-a-tutorial)tutorial by user ayolland

Read through the tutorials, try out some Bitsy games, and get creating something of your own. Keep it simple to start with. Once you've become comfortable with Bitsy, you may want to investigate some of the [tools, hacks, and extensions](https://itch.io/tools/tag-bitsy) that people have created for it.

It's the perfect tool for educators, too, and there's even a [Bitsy class](https://halmeeks.net/bitsyclass/) curriculum by educator Hal Meeks available online.

You can also find heaps of game assets that people have made for Bitsy on the [Itch.io website](https://itch.io/game-assets/tag-bitsy).

## Twine integration

You may have already tried the popular browser-based game development tool [Twine](https://opensource.com/article/18/2/twine-gaming). You can integrate Bitsy with Twine by varying degrees. Integration can extend from simply placing a Bitsy game in an iframe to display inside your Twine game up to sharing variables between the two engines and dialogue commands which let you execute basic Twine commands inside a Bitsy game! If these possibilities interest you, then look at:

## Bitsy for beginners

Beginners can get started easily with Bitsy, whether you're new to programming or just to game design. With it, you can explore all its possibilities for sparking creativity, imagination, and inventiveness.

## 1 Comment