用户可以交互的教程，形式很棒，可问题是怎么制作呢？为神马没有合适的工具？

从阮一峰的周刊( https://www.ruanyifeng.com/blog/2022/02/weekly-issue-195.html )中，发现了这个帖子：GPS 工作原理 ( https://pages.longtian.info/gps/ )

这个帖子就是一个教程，但与一般科普文不同的是，它是交互式的。用户可以操作里面的元素，观察效果。

之前也看到过这样的交互式课程，( https://www.v2ex.com/t/796494 )，尤其是「信任的进化」，虽然内容忘得差不多了，但它的交互形式让我印象深刻。

感觉这种形式的教程，表达能力非常强，不仅相对于图文，甚至相对于视频都更进了一步。在教学、科普、演讲方面应该是比较有优势的。

除开纯编程的形式，有其他合适的工具来制作这种教程吗？毕竟这种教程里面的交互，并没有复杂到应用程序那种程度，用户的交互形式也基本比较简单(点击、拖拽)，夹杂在图文里面。从形式上来说，其实与 App 的原型比较类似。

我是没有发现太合适的工具来制作它们，感觉最接近的也就是「 Origami Studio 」这款 App 原型工具了，它的理念非常棒，但感觉它自身的定位就是做 UI 原型，而扩展性很差。另一个「 cables.gl 」，偏重 3D 渲染，在交互和状态管理方面与 Origami Studio 相比差很多。

关于这个问题，我的思考是，

1. 应该用制作 App/Web 原型的思路，即 state-driven ，来制作这样的教程的主体部分，包括各个页面，页面内的各种状态；
2. 同时允许类似于 Origami Studio 这样的 data-driven 的方式，为教程的局部，提供响应式的交互，data-driven 的各个模块，应该支持用户编程实现。

但符合这 2 点要求的工具好像还没有。大家有这方面的经验或思路可以分享一下吗？