# AmazingRole角色动画引擎

**Repository Path**: sikifeng/amazing-role

## Basic Information

- **Project Name**: AmazingRole角色动画引擎
- **Description**: 基于vue2的动画+模型创作引擎，可以通过引擎创建骨骼动画。
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-05-26
- **Last Updated**: 2024-08-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AmazingRole角色动画引擎

#### 介绍
基于vue2的动画+模型创作引擎，可以通过引擎创建骨骼动画。
精灵图，存在着诸多缺点，如动画文件体积大、对接困难、修改困难和播放卡顿等问题。这些问题严重影响了玩家对游戏的体验和乐趣。因此，为了提升游戏的质量和用户体验，有必要探索新的2D游戏动画实现方式。
采用新的技术手段——骨骼动画，来改进2D游戏动画的实现方式。
![alt text](mdImage/动画类型.png)

#### 软件架构
##### 分为3大模块：
1. 骨骼创建器
![alt text](mdImage/骨骼创建.png)
包括很多可供学习的技术点代码：醒目的空样式，拖动等等

2. 基础模型创建器
![alt text](mdImage/基础模型.png)


3. 动画创建器
![alt text](mdImage/动画创建.png)
包括很多可供学习的技术点代码：时间轴管理，组件通信等等

4. 还要很多的技术点：js动态控制动画的实现，文件导入导出等等

5. 如果您了解动画和打关键帧，您最终可以实现这样的效果
![alt text](mdImage/胡桃跑步.gif)


#### 安装教程

1.  克隆仓库到HBuilder X
2.  选择上方运行
3.  浏览器运行，运行到谷歌浏览器

#### 使用说明

1.  软件是一个初始版本，bugs很多，功能也不完善，但是可以运行，可以学习
2.  可以一起学习升级代码
3.  严禁商用

#### 引擎待升级：
1.  关节角度限制
2.  Ctrl+Z 撤销上一步操作
3.  关键帧时间可以在帧控制器中精确修改
4.  加入自定义轨道动画曲线
5.  加入轨道自适应动画时长
6.  加入工程管理
7.  加入模型 动画 组合解耦工具
8.  加入登录以及线上工程存储
9.  基础模型创建升级更优秀的管理工具
10. 加入基础模型关节匹配验证功能
11. 引擎角色视图定点标记功能
12. 优化帧控制器使用体验
13. 合并功能：
  (1) 多人物合并为同一个模型文件
  (2) 多动画合并为同一个动画文件

##### Bug待修复：
1.  骨骼复制id重复修复
2.  引擎单次动画播放未完成不会重置
3.  修复父元素层级显示问题
4.  优化时间轴组件超出显示

##### 组件化待上线使用：
1.  切换动画时的自动过渡动画
2.  使用callAnimation调用动画执行
3.  连续动画

#### 参与贡献

1.  Amazing