# 魔方栈

**Repository Path**: nxp/cuber

## Basic Information

- **Project Name**: 魔方栈
- **Description**: 优美而强大的网页魔方
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://huazhechen.gitee.io/cuber
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 376
- **Created**: 2020-04-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [魔方栈](https://huazhechen.gitee.io/cuber)

- 优美而强大的网页魔方

- 地址: <https://huazhechen.gitee.io/cuber>

  <img width="120px" src="https://gitee.com/huazhechen/cuber/raw/master/resource/icon.png"  alt="icon"/>

- 使用过程中发现任何问题, 或者有任何需求和想法, 欢迎联系作者:
  > 微信: huazhechen
  >
  > QQ: 37705123
  >
  > email: <37705123@qq.com>

# 功能介绍

## [虚拟魔方](https://huazhechen.gitee.io/cuber)

- 触控操作

  ![touch](https://gitee.com/huazhechen/cuber/raw/master/screenshot/touch.gif)

- 撤销操作

  ![undo](https://gitee.com/huazhechen/cuber/raw/master/screenshot/undo.gif)

- 操作历史

  ![history](https://gitee.com/huazhechen/cuber/raw/master/screenshot/history.gif)

- 自定义打乱

  ![scramble](https://gitee.com/huazhechen/cuber/raw/master/screenshot/scramble.gif)

- 复盘

  ![replay](https://gitee.com/huazhechen/cuber/raw/master/screenshot/replay.gif)

## [复原教程](https://huazhechen.gitee.io/cuber/?mode=algs)

- 公式播放

  ![algs-player](https://gitee.com/huazhechen/cuber/raw/master/screenshot/algs-player.gif)

* 公式列表

  ![algs-list](https://gitee.com/huazhechen/cuber/raw/master/screenshot/algs-list.gif)

- 播放控制

  ![algs-step](https://gitee.com/huazhechen/cuber/raw/master/screenshot/algs-step.gif)

## [动画制作](https://huazhechen.gitee.io/cuber?mode=director)

- 场景布置与截图

  ![snap](https://gitee.com/huazhechen/cuber/raw/master/screenshot/snap.gif)

- 动画编写与播放

  ![action](https://gitee.com/huazhechen/cuber/raw/master/screenshot/action.gif)

- 导出 gif

  ![gif](https://gitee.com/huazhechen/cuber/raw/master/screenshot/gif.gif)

- 自由涂色

  ![colorize](https://gitee.com/huazhechen/cuber/raw/master/screenshot/colorize.gif)

- 输出配置

  ![output](https://gitee.com/huazhechen/cuber/raw/master/screenshot/output.gif)

- 动画共享

  ![output](https://gitee.com/huazhechen/cuber/raw/master/screenshot/share.gif)

## 配置选项

- 阶数选择

  ![order](https://gitee.com/huazhechen/cuber/raw/master/screenshot/order.gif)

- 操作设置

  ![control](https://gitee.com/huazhechen/cuber/raw/master/screenshot/control.gif)

- 外观设置

  ![appear](https://gitee.com/huazhechen/cuber/raw/master/screenshot/appear.gif)

- 主题设置

  ![theme](https://gitee.com/huazhechen/cuber/raw/master/screenshot/theme.gif)

## 技术栈

- typescript
- webpack
- threejs
- vue
- vuetify

## 赞赏

  <img width="320px" src="https://gitee.com/huazhechen/cuber/raw/master/screenshot/appreciation.jpg"  alt="赞赏" />