在线魔方程序

　　 在隆重介绍我的在线魔方程序之前，先要感谢两个开源项目。正是得益于这些开源项目，我才能写出这个有趣的玩意儿。 感谢 Three.js 和 WebGL。

　　 现在隆重介绍我的在线魔方程序。

　　 程序使用 JS 开发，使用了最新潮的 ES6，包括模块风格。并且任性地没有使用强大，但让人喜欢不起来的 Webpack。 因此不能兼容 IE 这样的老旧浏览器，甚至包括略微落伍的浏览器，例如 FireFox、Edge 以及还在用旧版本 Chromium 作为内核的浏览器。 兼容的浏览器有 Chrome、Chromium、Safari、Opera 以及中国大陆的 360浏览器、QQ浏览器等（必须是最新版，并使用极速模式）。

　　 分别支持电脑端和触屏端，操作略有不同。电脑端使用鼠标点击转动魔方，可以配上 Shift、Ctrl、Alt 来进行不同的旋转操作。 触屏端则只能通过点击不同的面来实现不同操作。默认使用鼠标左右键操作魔方，中键操作视角，您也可以在右上角设置中进行调整，以符合您的操作风格。 设置中，还有语言，各种显示效果等，供您配置。其中显示背面，可以让您直接看到背面的颜色，并可以点击操作，帮您省去许多转动。

组件支持

　　 现已增加 Web Component 支持，只要引入 JS 模块，即可在页面中随处插入魔方。效果如下

代码为：

<!-- 引入模块 -->
<script type="module" src="https://mc.fenzland.com/fenz-cube.js"></script>

<!-- 插入魔方 -->
<fenz-cube puzzle="https://mc.fenzland.com/puzzles/Cubic|0|1.js"></fenz-cube>