一、开源项目简介
优美而强大的网页魔方。
二、功能概述
虚拟魔方
- 触控操作
- 撤销操作
- 操作历史
- 自定义打乱
- 复盘
复原教程
- 公式播放
- 公式列表
- 播放控制
动画制作
- 场景布置与截图
- 动画编写与播放
- 导出 gif
- 自由涂色
- 输出配置
- 动画共享
配置选项
- 阶数选择
- 操作设置
- 外观设置
- 主题设置
三、技术选型
- typescript
- webpack
- threejs
- vue
- vuetify
四、界面展示
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/08/20220803094000316.png?imageView2/0/format/webp/interlace/1/q/90|imageslim)
虚拟魔方
- 触控操作
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图1 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图1](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075155-ebe4abf90a050a1.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 撤销操作
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图2 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图2](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075095-bfa1623b90874bb.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 操作历史
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图3 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图3](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075125-8bd0bca59ec8cb9.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 自定义打乱
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图4 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图4](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075099-d713267b849a7e0.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
复盘
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图5 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图5](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075095-801055ed24f6205.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
复原教程
- 公式播放
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图6 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图6](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075125-091e2e24d77f3ce.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 公式列表
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图7 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图7](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075126-2578923b5e4375a.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 播放控制
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图8 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图8](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075098-d2a9a9ac928dea9.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
动画制作
- 场景布置与截图
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图9 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图9](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075126-befa621ac3c1f60.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 动画编写与播放
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图10 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图10](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075099-cb00a7cf273982f.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 导出 gif
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图11 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图11](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075099-7341ae9a8972f0f.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 自由涂色
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图12 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图12](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075099-873ce59778f79e2.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 输出配置
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图13 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图13](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075128-1f4d25c0c0425d9.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 动画共享
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图14 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图14](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075155-18bfbca9edff05e.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
配置选项
- 阶数选择
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图15 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图15](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075102-8300e465c21bffd.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 操作设置
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图16 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图16](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075130-d43c01d6718acef.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 外观设置
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图17 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图17](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075104-cc73fab6a3dcb74.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
- 主题设置
![优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图18 优美而强大、支持公式播放、场景布置、动画制作的网页魔方插图18](https://lanmeijiang.cdn.ruantang.net/wp-content/uploads/2022/07/1659075104-a6942de4aac3643.jpg?imageView2/0/format/webp/interlace/1/q/90|imageslim)
五、开源协议
使用MIT开源协议
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)