editor

宣传册

如何下载

链接

该编辑器仅适用于 Chrome 浏览器、平板电脑或手机。然而，首先删除编辑器的导出游戏则没有限制。

• 居住
• 下载
  • 下载bacione.html
  • 打开你的文件管理器
  • 单击 bacione.html 在 Chrome 浏览器中运行
  • 单击“运行”即可玩滑雪游戏
• Games.pdf - Ski 和 Marslander 教程
• YouTube - 产品演示
• Reddit - Reddit 讨论
• Github - github 讨论

巴乔内？

Bacione 的意思是“大吻”，如“Keep It Satisfyingly Simple”中所示。

目的

在手机上离线编程小型 JavaScript 游戏

使命

创建同类中最方便拇指操作的 IDE

设计

该编辑器的设计目标是为那些没有计算机或只是喜欢用手机或平板电脑编写小型 JavaScript 游戏的人提供愉快的体验。解决的其他限制包括离线和没有外部键盘（用拇指或手写笔在屏幕上打字）。虽然有许多适合此用例的编辑器和键盘应用程序，但它们都不是最佳的。两个主要问题是减少以下方面的点击次数：1) 访问特殊字符和 2) 重构。要解决第一个问题，需要支持额外按键功能或安装键盘应用程序。为了解决#2，有必要减少重构所需的点击次数。解决这两个问题后，屏幕的大部分空间都被占用了，留给代码区域的空间就很少了。为了解决这个问题，编辑器包括内置键盘和高效的重构工具。

特征

• 与其他手机编辑器相比，点击次数更少。
• 常用键一键即可。
• 上下文感知逻辑减少了点击次数。
• 重构代码的工作量更少。
• 完全可编程的键盘。
• 创建您自己的键盘图标和功能。
• 专为手机和平板电脑设计。
• 无需设置。
• 一个文件。
• 易于分享。
• 离线。
• 普通的 JavaScript。
• 没有依赖性。
• 免费（GPL 许可证）
• 无广告
• 从 Chrome 浏览器中的 Android 文件管理器运行。
• 易于修改的编辑器。
• 在编辑器中编辑编辑器。
• 编辑器只有 7 KB。
• 支持滑动和长按重复。

局限性

• 纵向模式支持：该编辑器仅支持纵向模式。
• 兼容性：编辑器仅适用于平板电脑或手机上的 Chrome 浏览器。然而，删除了编辑器的导出游戏则没有这样的限制。
• 多文件：该编辑器不适用于大型游戏或多文件项目。这是因为在 Chrome 浏览器中从 Android 上的文件管理器打开 HTML 文件不支持多个文件 - 所有内容都必须包含在单个整体 HTML 文件中。这也意味着无法使用外部图像或音频文件。可以改为使用以编程方式创建的元素；例如，Marslander 游戏使用矢量图形和噪音生成器，而其他一些游戏则使用表情符号。

如果此编辑器不支持您的需求，您可以考虑尝试使用带有 Termux 和 Apache 的 Neovim。您可以在这里找到我对这些工具的配置。

问题

• 光标未对齐：在编辑器窗口中的文件末尾用力向上滑动可能会导致光标与文本未对齐。建议的解决方法是从最后稍微退一步。

笔记

下面对更改的任何引用均指“杂项”按钮中的“编辑编辑器”功能，由菱形符号表示。

• 编辑编辑器：可以在编辑器中编辑编辑器。但是，它不是实时的，因此您必须单击“保存”并打开新创建的带时间戳的 HTML 文件。如果新的损坏了，请打开旧的。该功能是为了支持简单的更改。复杂的更改应该在更强大的环境（例如 Neovim）中执行。
• 运行：运行按钮运行或停止包含光标的游戏。为简单起见，游戏框架是方形的，并显示在键盘上方。这样可以轻松地在编辑和运行之间来回切换（双击往返）。如果这看起来有限制，并且您想要更大的游戏框架，那么您可以更改编辑器或库中的画布大小代码，或者甚至不使用库。您还可以使用导出游戏按钮导出编辑器视图中的任何内容。您甚至可能想更改exportgame() 函数的工作方式。使用导出的缺点是您必须从 Android 文件管理器运行该 HTML 文件（ 7 单击往返）。
• 键盘尺寸：键盘的尺寸是指考虑方形游戏框架后剩余的区域。这意味着在手机上键盘宽度大约是屏幕宽度，在平板电脑上大约是屏幕宽度的一半。
• 键盘位置：在平板电脑上，键盘位于右下角。如果您使用左手拇指而不是右手拇指打字，则可以更改它。
• 自定义键盘功能：该编辑器特别有用，因为它具有自定义键盘，只需单击一下即可访问所有主要功能。为了支持这一点，只需单击一下即可访问对编程很重要的 32 个特殊字符中的 22 个，而其余 10 个可通过 Shift 键访问。请注意，空格键非常小，位于右下角。此外，退格键和返回键位于第二行，因为它们经常与其他键协调。例如，要剪切文本，请按复制键，然后按退格键；要取消选择，请按返回键。如果您不喜欢这种布局，可以更改它。
• 选择：该编辑器的一个主要优点是高效的选择。选择是基于上下文的；根据光标所在的位置，它将选择一个单词、一行、一个段落或一个代码块。要了解选择的工作原理，您可以观看 YouTube 视频。使用“复制”按钮执行选择，这意味着同时发生两件事。这主要是为了减少按钮的数量。剪切分为两个步骤：单击“复制”（选择并复制），然后单击“退格”（删除选择）。复制后单击 Enter 按钮会将光标移动到所选内容的末尾。如果剪切（复制/退格）包含一行，则光标将前进一行。这是因为用户在剪切一行时的意图通常是将其粘贴到下一行之后。这有助于减少重构代码时的点击次数。选择（复制）也可用于导航，例如将光标移动到块的末尾，将光标放在起始块字符之前，单击复制，单击 Enter。但是，如果您打算使用粘贴缓冲区中的某些内容，请不要这样做。多次单击“复制”将根据选择规则扩展选择范围，方向键将一次扩展（或取消扩展）所选内容一个字符。
• 复制和粘贴：您必须使用编辑器中的内部复制和粘贴按钮在编辑器中复制和粘贴代码。要从外部源复制代码，请使用系统复制和粘贴技术，例如长按然后选择复制和粘贴。
• 格式：在手机上，编辑器的空间非常宝贵，您无法承受大量空白，尤其是水平空白。对于缩进，可以使用空格键（没有 Tab 键），而 Enter 键将保留之前的缩进。尝试仅对分支和循环使用缩进，而不是缩进函数体，而在前后使用垂直空格。请参阅 Marslander 游戏的示例。
• 注释按钮：注释按钮对于调试非常有用。当您按下“注释”按钮时，它会注释代码并将副本放入粘贴缓冲区中。下一步是粘贴然后编辑它。如果您不喜欢新代码的结果，可以轻松删除该代码并取消注释原始代码。
• 导航：导航主要通过触摸屏幕来完成，因此没有 Home、End 或垂直箭头键。相反，提供了左右箭头来帮助在触摸大致位置后准确定位光标。缩放键可增加文本大小，还可以帮助将光标定位在正确的位置。
• 建议大小：由于在手机上导航代码可能非常具有挑战性，因此建议创建足够小的游戏，以便通过单个手势即可滚动。
• 全屏：激活全屏模式将为您提供更多空间来导航和编辑代码。您可以通过向上滑动“缩放”按钮来切换全屏。
• 关闭视图：没有关闭按钮。要关闭视图，请单击任意位置或选择一个选项。视图有：帮助、杂项、差异和错误。
• 表情符号生成：第一次打开杂项视图时，加载图标需要一些时间。
• 选择器：颜色选择器和图标选择器将代码放入粘贴中，因此如果看起来什么都没有发生，请不要惊慌。单击粘贴按钮查看代码。
• 错误检测：此编辑器没有实时错误检测（在您键入时）。单击运行时会发现错误。将显示一条错误消息，当错误被消除（通过单击该视图上的任意位置）时，光标将自动定位到发生错误的代码中。有时，当您只是忘记了括号或其他需要匹配对的块字符时，错误消息并不明显。为了帮助解决这个问题，辅助进程将天真地计算所有块字符，以确保计数均匀，并在错误视图中显示附加消息。
• Diff 函数： Diff 函数很简单，不会产生准确的结果。它旨在仅提供自文件打开或上次保存以来的进度的大致指示。
• 保存机制：编辑器中的保存功能受到 HTML 约束的限制。作为解决方法，每次保存时都会生成一个新的带时间戳的文件。如果您要保存到“下载”文件夹，请务必确保其中没有其他用途的文件，因为这可能会导致您难以快速重新打开您的作品。另外，定期删除旧的编辑器 HTML 文件，仅保留最新版本。
• 主题：编辑器提供浅色和深色主题，以提供可定制的观看体验。您可以通过向上滑动“杂项”按钮在主题之间切换。您还可以更改或添加更多。