最新

我是《龙腾世纪》的忠实粉丝，在《审判》中投入了数百小时。游戏中有一个叫做“星象仪”的小游戏，你需要根据星座指南，通过连接星星来解开图形谜题。我是一名业余游戏开发者，一直在思考是否能通过程序生成这些谜题，确保它们总是可解的。事实证明是可以的，于是我围绕这个机制构建了一个太空解谜游戏，并采用了多彩的视觉风格。我已将其发布在网页上，目前正在努力将其移植到 Steam 和移动平台。

• HSON（超文本结构化对象表示法）是一种“粘合格式”。其节点图以通用的树形结构表示 JSON 值和 HTML 文档，并且其序列化语法可以同时表达两者。HTML 可以表示为 JSON 数据，JSON 也可以表示为标记。 -> 将 Web 中两个不可互换的构建块结合起来，为构建 Web 内容提供了新的途径。这是驱动 hson-live 的关键洞察。 <p>• hson-live 是一个为实现 HSON 而构建的 TypeScript 库。它有两个核心组件： <p>- hson.transform 在 HSON 与 JSON 和 HTML 之间进行转换。7 步转换器电路在重复的往返过程中保持稳定：经过规范化后，数据在多次循环中不会发生漂移。hson-live 提供了一个电路测试诊断工具来验证解析器链。 hson-live 支持 JSON、HTML/XML、SVG 和 HSON。 <p>- hson.liveTree 是一个基于此操作构建的 Web 创作界面。在运行时，LiveTree： 1. 将 document.body 和嵌套内容解析为 HSON 节点图 2. 维护该图的 DOM 投影 3. 提供编辑和操作的界面 <p>LiveTree 提供了一种将标记 + 样式 + 数据统一在一个单一事实来源中的愿景，并整合在一个低摩擦的类型化生态系统中。LiveTree 的 API 包括： - HSON 图的遍历、创建和操作，以及同步的 DOM 更新 - 事件监听器管理，带有自动拆卸 - SVG 创建和动画 - <canvas> 支持 - 作用域 CSS、关键帧、动画和 @property - 人体工程学的属性管理 <p>第一个完全用 hson-live 构建的网站 LiveDemo 可以在以下网址找到： <p>hson.terminalgothic.com <p>LiveDemo 包含 1000 多个测试、突出各种功能的交互式演示，以及 README 和其他文档。 <p>hson-live 仍处于非常早期的阶段。 <p>（免责声明：我不是开发者，而是一位热情的业余爱好者；这是我的第一个库。请多包涵。）