返回首页
最新
将您的 .mpa 文件转换为动画视频。
我是《龙腾世纪》的忠实粉丝，花了数百小时在《审判》中。游戏里有一个叫做“星图”的迷你游戏，你需要根据星座指南，通过描绘星星来解决这些形状。我是一名业余游戏开发者，想知道是否可以程序生成这些谜题，使其始终可解。结果发现是可以的，于是我围绕这个概念制作了一个太空谜题游戏，拥有丰富多彩的美术风格。我已经在这里以网页形式发布了它，但目前正在努力将其上线Steam和移动平台。
• HSON（超文本结构对象表示法）是一种“粘合格式”。它的节点图以共同的树形结构模型化JSON值和HTML文档，其序列化语法能够同时表达这两者。HTML可以表示为JSON数据，而JSON也可以表示为标记。
-> 将两种不可互换的网页构建块结合在一起，暗示了构建网页内容的新方法。这是驱动hson-live的关键洞察。
• hson-live是一个用TypeScript构建的库，旨在实现HSON。它有两个核心组件：
- hson.transform将JSON和HTML转换为HSON，反之亦然。这个七步转换电路在重复往返过程中保持稳定：在规范化后，数据不会在重复循环中漂移。hson-live提供了电路测试诊断工具，以验证解析器链的正确性。
hson-live支持JSON、HTML/XML、SVG和HSON。
- hson.liveTree是基于此操作构建的网页创作界面。在运行时，LiveTree：
1. 解析document.body及其嵌套内容为HSON节点图
2. 维护该图的DOM投影
3. 提供编辑和操作的接口
LiveTree提供了一种将标记、样式和数据统一为单一真实来源的愿景，整合在一个低摩擦的类型化生态系统中。LiveTree的API包括：
- 对底层HSON图的遍历、创建和操作，并进行同步的DOM更新
- 事件监听器管理，自动清理
- SVG创建和动画
- <canvas>支持
- 作用域CSS、关键帧、动画和@property
- 便捷的属性管理
LiveDemo是第一个完全使用hson-live构建的网站，可以在以下地址找到：
hson.terminalgothic.com
LiveDemo包含1000多个测试、突出各种功能的互动演示，以及自述文件和其他文档。
hson-live仍处于非常早期的阶段。
（免责声明：我不是开发者，而是一个热情的爱好者；这是我的第一个库。请多多包涵。）