关于教程
今天给大家带来一套全新的盒子碰撞之后二维展开的MG动画案例系统教学，本套教程从第一个镜头的入场，到最后一个镜头的结束，都进行了非常透彻的解析，不会放过任何一个细节。看完本套教程，大家都能够从头到尾地做出来。
一、前言及课程详细介绍
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
二、基础功能详解
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
三、第1个镜头：方块盒子及翻转动画
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
四、第2个镜头：方块矩阵
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
五、第3个镜头：立方体方块
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
六、第4个镜头：翻转动画
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
七、第5个镜头：方块图形运动
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
八、第6个镜头：球的制作1
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
九、第6个镜头：球的制作2
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
十、第7个镜头：球体动画1
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
十一、第7个镜头：球体动画2
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
十二、第7个镜头：蓝色球体
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
十三、最后一个镜头
.video_pc {
width: 100%;
height: 585px;
}
@media (max-width:767px) {
.video_pc {
height: 50vw;
}
}
最终效果图
