Block-a-saurus 通过 Block Editor 嵌入了横向滚动的 T-Rex 游戏

点击播放

众所周知,我喜欢测试可以追溯到我早期网络时代的那种有趣的 WordPress 块.我已经写过一两次关于这个主题的文章.想象一下,当我遇到一个横向滚动的恐龙游戏时,我的惊讶,用户可以简单地进入块编辑器并为他们的访问者提供一些有趣的事情.

Block-a-saurus 是一款简单的游戏,您可以在其中扮演霸王龙,其目标是在障碍物(例如跳跃的仙人掌和躲避的鸟类)中幸存下来.要玩游戏,您只需要通过键盘的方向键控制 T-Rex.它也应该通过移动设备上的触摸控制工作.

唯一不好的是八个月前首次向公众发布时我没有注意到这个宝石.

“当我开始学习块时,我意识到它们基本上可以是微型 JavaScript 应用程序,” Block-a-saurus 的开发者 Keanan Koppenhaver 说.“我认为这非常有趣,而不是 WordPress 插件如何更加依赖 PHP,所以我想看看我可以用基本上空白的 JavaScript 画布做些什么,以及它如何能够实现原本很难无缝实现的体验前古腾堡.它慢慢地从一个"这可能吗?" "让我们发布它,看看它是否能激励人们构建更多开箱即用的东西."

试一试游戏.请在评论中告诉我们您的高分!

使用 Block-a-saurus 插件

这个插件很简单.安装后,它会添加一个新的"Block-a-saurus!"块插入器的公共块部分中的块.区块目前在区块设置面板下有两个选项:

  • 恐龙速度:允许您加快或减慢霸王龙在游戏中的移动速度.
  • 静音: strong> 允许您启用或禁用游戏音频.
在编辑器中插入 Block-a-saurus 块.

默认情况下,前端输出平淡无奇.不要指望图形强国.然而,有时,最简单的游戏也能带来数小时的乐趣.

Block-a-saurus 在前端的默认输出.

我想在前端美化我的游戏设计.因此,我首先插入了一个带有恐龙背景的封面块,如本文开头所示.然后我将插件块放在了封面块中.

这适用于各种图像背景.此外,它允许用户对他们的游戏进行独特的调整.

使用 Block-a-saurus 周围的封面块的自定义背景.

我希望在插件的未来版本中至少看到一个缺失的部分.集成块的对齐选项会很好,例如许多其他块常见的居中对齐、宽对齐和完全对齐.

从好的方面来说,插件开发人员花了一些必要的时间来仅在使用游戏的页面上加载脚本和样式.如果您想运行游戏,您不必担心它会在您网站的每个页面上加载不必要的文件.

未来的插件和块计划

目前,Block-a-saurus 还停留在 1.0 版本.但是,Koppenhaver 计划为插件添加额外的功能,例如为登录用户保存高分,并可能使游戏在后端可玩.管理端播放的阻碍是与原生 Gutenberg 控件的一些 JavaScript 冲突.

“工作进展非常稳定,”他谈到了新功能.“在较大的客户项目之间有一些相对较小且独立的东西来工作是件好事.到目前为止,保存分数是大部分工作,我希望在接下来的几周内发布.”

Koppenhaver 没有针对类似区块的任何近期计划.计划是让这个特定的插件展示一个有趣的一次性块."我"见过 Snake 和 Tetris 的 JavaScript 实现,看到转换为块会很酷,"他说."我可能不得不尝试其中一个."或许 Block-a-saurus 并不是路的尽头.

如果他完成了基于 JavaScript 的前端保存功能以获得高分的工作,那么很高兴看到它作为独立包提供给其他块开发人员使用.这肯定会使将其他游戏(例如 Snake 和 Tetris)移植到块系统中变得更加容易.

Koppenhaver 和他的团队主要致力于更严肃的工作.“我们一直在进行其他一些块实验,以允许将来自 Google Drive 的数据集成为 D3 可视化以及一个块以允许机构通过创建随处可见的响应式屏幕截图模型来创建更好的案例研究在古腾堡完全创建它们,”他说.“我们’对新编辑器允许我们创造的体验感到非常兴奋,并且一直在尝试和尝试了解更多信息.”

最重要的是,我希望看到其他插件作者为块编辑器推出更多游戏.

10

发表回复