主目录

b站视频:骨骼动画

骨骼动画的原图主要有三种

1.直接单图片   骨骼动画绑定(最简单,直接绑定就行)

unity2d怎么启用剔除遮挡 unity2d切片_骨骼绑定

2.部件分开切片图  骨骼动画绑定(本教程主要讲述)

unity2d怎么启用剔除遮挡 unity2d切片_骨骼绑定_02

3.部件多图层   骨骼动画绑定(Aseprite像素画绘图没有psd文件类型,本次教程不讲解)

Aseprite

1.下载Aseprite,搜索,自带压缩包,教程和中文汉化方法

2.Aseprite简单教程

3.绘制骨骼层,每一个骨骼作为一个图层

先新建几个骨骼图层,右击图层,新建图层就可以,我新建了三个骨骼,并重命名为花,茎,叶,三个骨骼

unity2d怎么启用剔除遮挡 unity2d切片_骨骼绑定_03

分别在每个对应的图层里面绘制自己的骨骼,注意叠加显示问题,最上面图层覆盖下面图层

 

unity2d怎么启用剔除遮挡 unity2d切片_骨骼绑定_04

 分开导出单张切片骨骼图,注意可以通过右边那个十字箭头工具来移动图层位置,分开图层

 

unity2d怎么启用剔除遮挡 unity2d切片_经验分享_05

 Unity

1.导入素材,将导出的png图片拖动到文件夹里面

2.切片

(1)点击图片更改为切片图

unity2d怎么启用剔除遮挡 unity2d切片_经验分享_06

可以点击边框仔细调整

(2)骨骼创建

unity2d怎么启用剔除遮挡 unity2d切片_unity2d怎么启用剔除遮挡_07

双击一张图片只能为该单切片图创建骨骼

 主骨骼,伴随着移动的骨骼,先点击主骨骼高亮显示,会有一条虚线链接再创建副骨骼

按照以上,为每一个切片都创建相应的骨骼

(2)自动创建网络,并分配权重

unity2d怎么启用剔除遮挡 unity2d切片_动画_08

 按照以上为每一个切片图都要自动生成一遍网络

如果生成的网络不满意,还可以用Weight Brush,权重刷来调整移动骨骼时的权重

(3)创建骨骼预制体

 

unity2d怎么启用剔除遮挡 unity2d切片_unity_09

【1】创建空物体,并将所有切片对象作为子物体,并调整好重叠关系

【2】将这个空物体拖入文件夹形成预制体

【3】点击每个切片图子物体,为每个子物体添加sprite skin脚本,并创建骨骼

(4)骨骼动画的创建

本次用到了动画器的录制功能

【1】打开动画器

【2】点击该对象创建动画

unity2d怎么启用剔除遮挡 unity2d切片_动画_10

【3】创建idle等待动画

unity2d怎么启用剔除遮挡 unity2d切片_经验分享_11

 注意:1.开始录制后帧条会变成红色

             2.第一帧可以随便移动骨骼自动创建,后面的关键帧需要手动双击时间序列创建

                3.为了动画流畅,第一帧和最后一帧要一模一样

                4.复制帧方法,将竖线移动到需要复制的帧上面,双击需要粘贴的时间最上面的原点

                5.我们只需要创建关键帧就行,中间的帧由unity自带的插值方法使得动画流畅

(5)结束,效果如下

unity2d怎么启用剔除遮挡 unity2d切片_动画_12