骨骼动画——2D Animation

原创 已于 2022-12-09 00:01:59 修改 · 2.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity

于 2022-12-07 00:36:19 首次发布
本文介绍了2D骨骼动画的工作原理，它通过绑定骨骼到2D图片的不同部位，减少资源消耗实现流畅动画。在Unity中，可以使用2D Animation工具或Spine来制作2D骨骼动画。制作流程包括创建骨骼、蒙皮、设定权重，并在Sprite Editor中应用。对于图集图片，需先将其设置为图集模式，切片后分别建立骨骼，通过父子对象关系确保动画联动。

1、2D骨骼动画

传统的序列帧动画为了达到好的动画效果，理论上来说，图片越多，动作越流畅，往往需要较多的美术资源，虽然效果好但是资源占用较多

而2D骨骼动画是利用3D骨骼动画的制作原理进行制作的，将一张2D图片分割成n个部位，为每个部位绑上骨骼，控制骨骼旋转移动，达到用最少的2D美术资源做出流畅的2D动画效果（用性能换内存）

2、Unity中制作2D骨骼动画

主要方式有两种

  • 使用Unity2018新加功能 2D Animation 工具制作（在Package Manager窗口 搜索 2D Animation并安装）
  • 使用跨平台骨骼动画制作工具 Spine 制作

3、面板讲解 & 骨骼动画的使用

导入工具后 在Sprite Editor窗口会多一个选项 Skinning Editor，主要步骤是：

  • 先创建骨骼，但创建完骨骼后并不会对图片有影响，因为还没有建立关系。创建骨骼存在父子关系，有两种方法：（1）直接点击骨骼末尾继续创建连续的子骨骼；（2）在骨骼起点点击，然后在其他位置创建新的子骨骼。也可以创建完全不相关的两个骨骼。存在父子关系时，父骨骼移动会对子骨骼产生影响，反之则不会；
  • 蒙皮，决定了骨骼要控制哪一部分，通常是先选择 自动蒙皮，然后根据实际情况通过 Edit 进行调整；
  • 设定权重，骨骼对每个顶点的影响比重，但一般在【蒙皮】的时候就自动设置了，在设定时颜色决定了对应颜色的骨骼影响的权重；
  • 一定要在 Sprite Editor 窗口中 Apply
  • 将图片放置在环境中，可以看见生成的游戏物体下就存在了表示多个骨骼信息的子“空物体”，加载 Sprite Skin 脚本 ——> Create Bones，就会显示相关的骨骼信息
最低0.47元/天 解锁文章
Spine 2D骨骼动画教程-完整实例入门教程
灵台方寸山斜月三星洞
10-15 5万+
Spine 2D骨骼动画教程 大家好，我是笨笨，笨笨的笨，笨笨的笨，谢谢！ 欢迎加入专业Spine技术交流群 Spine2D骨骼动画 7708065 转载请保留原始链接：https://blog.youkuaiyun.com/jx520/article/details/83050021 如果你曾经开发过2D游戏并需要使用精灵动画，你可能要求美术人员创建逐帧动画，...
如何修改骨骼动画——动画重定向
DgboSql的博客
09-17 362
重定向动画的关键在于骨骼的匹配和转换。我们需要找到原始动画数据中的骨骼和新角色或对象中的对应骨骼，并将原始动画数据中的变换信息转换到新的骨骼系统中。骨骼动画是一种基于骨骼系统的动画技术，通过对骨骼的位置、旋转和缩放进行插值计算，来实现角色或对象的动态变换。通过提取原始动画数据和重定向动画数据，我们可以优化和适应不同的角色或对象，提高动画制作的效率和复用性。最后，你可以将重定向后的动画数据用于新的角色或对象，以实现动画重定向的效果。是一个字典，将原始动画数据中的骨骼名称与新角色或对象中的对应骨骼进行映射。
【Unity Animation 2D】Unity Animation 2D骨骼绑定与动画制作
zhoutao2333的博客
05-11 7421
需要将Sprite Mode设置为Single，否则图片不能作为一个整体。
Unity - 2D Animation
最新发布
qq_52796826的博客
09-23 1502
2D骨骼动画制作基础摘要：本文介绍了2D骨骼动画制作的基本原理和Unity中的实现方法。相比传统序列帧动画，骨骼动画通过单张图片分割、骨骼绑定和蒙皮权重设置，能够用更少资源实现流畅动画。文章详细讲解了Unity中骨骼编辑器的使用，包括骨骼创建、拆分、蒙皮设置和权重调整等操作。同时介绍了图集和PSB文件的特殊处理方式，以及反向动力学(IK)的应用，通过IKManager2D脚本实现末端控制带动整体骨骼运动的效果。最后提供了鼠标控制骨骼移动的示例代码，展示了骨骼动画的实际应用场景。
Unity 2D骨骼动画+IK反向动力学
yueh0607
07-10 1787
本文言简意赅的完成这个流程，废话不多说！干！等等，先看看效果。
Unity学习--2D动画--[骨骼动画]单图片骨骼编辑
misco43的博客
07-06 1984
本文介绍了Unity中2D骨骼动画的制作方法，主要使用2DAnimation工具。内容包括：1）2D骨骼动画节省资源的优势；2）两种制作方式（Unity内置工具和Spine）；3）详细讲解骨骼创建、蒙皮制作和权重调整的操作流程；4）如何将编辑好的骨骼动画应用到场景中并创建动画；5）核心制作流程为骨骼-蒙皮-权重三步，最后通过K帧制作动画。文章通过图文结合的方式，系统性地介绍了2D骨骼动画的制作全流程和关键操作技巧。
2D骨骼动画工具Sprite Studio使用教程
woliuqiangdong的博客
10-18 3614
骨骼动画在游戏制作过程中必不可少。在建模的基础上，通过动画工具制作角色的一系列动画以备游戏使用。2D骨骼动画方面国内一直采用Spine 2D制作，对Spine 2D的应用和效果笔者不再赘述，本文为各位美术工作者带来另外一个具有实力的骨骼动画制作工具：“Sprite Studio”。正文本文主要为Sprite Studio的用法以及实际在UE4中的应用来全方位的为各位看官介绍Sprite Studio。01Sprite Studio介绍（1）基本介绍Sprite Studio为Web Technology..
2D中的骨骼动画
Flash Flex AIR 3D
07-02 464
2D中的骨骼动画 最近一直在搞3D的东西，模型解析、光线、贴图，骨骼等，后来看到有人在2D中也实现了3D中的骨骼动画效果，感觉挺有想法。 其实Flash cs IDE 中早就有这个的东西了，但是没想到把他用到游戏中去，而且Flash Cs中的那套骨骼动画框架不是开放的。   地址: http://blog.sina.com.cn/s/blog_570dfe6a01013wua.html  ...
Unity2D骨骼动画 2D Animation+IK入门
热门推荐
#的博客
04-27 1万+
前言： 最近想学习2D动画，先学学怎么搞资源，我找了b站的一个简单教程——2D Animationd的学习，这篇文章作为一个小笔记 绑定骨骼： 插件：2D Animation 作用：在2D场景中做角色的骨骼动画 用了这个插件，就不必再画序列帧了，会轻松很多 用2D方式新建一个项目，导入素材图片 然后打开window的package manager，找到2D A...
OpenGL利用Assimp加载骨骼动画Skeletal Animation using Assimp
xdt89460的博客
12-30 1402
main.cpp #include <iostream> #include <stdlib.h> #include <vector> #include <string> #include <glad/glad.h> #include <GLFW/glfw3.h> #include <glm/glm.hpp> #include <glm/gtc/matrix_transform.hpp> #include &
动画系统：Rukhanka - ECS Animation System v1.8.1
09-18
Rukhanka 依赖于“Entities”包。它准备动画数据以便与“Entities Graphics”包进行渲染。这两个包是 Rukhanka 正常工作的...支持所有 2D 混合树类型（直接、1D、2D 简单方向、2D 自由形式方向、2D 自由形式笛卡尔）
骨骼：2D骨骼动画
02-04
骨骼动画/骨骼动画 2d骨骼动画研究及使用 可参考案例 问题 Q1： AE，3dmax暂时没有特别方便的插件可以为程序员输出可用的数据文件和材质。（Ae使用duik骨骼动画插件） Q2：序列帧图片过多，导致项目占用内存，大小大。 Q3：序列帧图片过少，动画效果差，影响用户体验。 目的 方便程序员将动画“程序化”。 极大减少大量序列帧图片，轻量化高效化h5。 骨架动画，极大程度保存了动画效果，动画更加流畅逼真，动作可控制，用户交互体验好！ 当前 常用软件spine和dragonbones，生成json数据和纹理，相应的数据格式也根据软件不同而定： dragonbones为国内白鹭开发，能够
Unity 2D骨骼动画插件Puppet2D
03-26
Unity 2D骨骼动画插件Puppet2D
Unity2d 骨骼动画1：介绍
aikb6223的博客
04-24 270
http://bbs.9ria.com/thread-401613-1-1.html byOrlando Pereira and PedroPereira3 days ago2 Comments 在这节课中，我们将关注Unity提供的bone-based 2D动画工具引擎。它的主要思想是为了把它应用到你自己的游戏来介绍和教基本的2D动画原理...
2D骨骼动画：高效制作流畅角色动作
本博客聚焦游戏开发技巧、创业实战心得及大学热门课程干货。这里既有技术深度，也有思维广度，无论你是开发者、创业者还是高校学子，都能在这里找到适合自己的成长之路！
07-13 1402
2D骨骼动画是一种通过骨骼驱动2D图像的动画技术，广泛应用于游戏和动画领域。其核心是通过骨骼层级结构带动绑定的皮肤部件，实现高效流畅的动画效果。制作流程包括角色部件分割、骨骼搭建、皮肤绑定和关键帧动画制作。相比逐帧动画，骨骼动画具有资源占用小、易修改的优点，但可能略显机械。常用工具有Spine、DragonBones等。该技术通过矩阵变换递归计算骨骼运动，并利用权重控制顶点变形，是现代2D动画的主流解决方案。
【动画】Unity2D骨骼动画-Animation2D
TDC的专栏
06-08 537
利用SkinnedMeshRenderer的特性，构造其需要的参数，骨骼权重，骨骼位置，骨骼动画的计算这个库交给SkinnedMeshRenderer处理了。在某一顶点区域创建骨头，那么这个区域的顶点都收到这个骨头的影响。顶点最多可以受到n个骨头影响，游戏里一般是4个。精灵中不相连的部分都可以算作一个独立的块，也可以在制作的时候自定义切块，一般这些切块是人性骨骼的躯干、头部、四肢、武器。蒙皮，即把图片盖在模型上，使用某个精灵生成网格，每个顶点自动对应到texture某个uv坐标，编辑器下完成，美术的活。
Unity5.x 2d骨骼动画 (DragonBones)
shenliang34的专栏
05-18 4134
Unity5.x DragonBones 的导入(一)第一步： 在DragonBones中做好骨骼动画后导出三个文件，分别是：*ske.json,*tex.json,*tex.png 三个文件。 第二步： 将上面三个文件放入unity的文件夹中，在unity编辑视图中选择两个json文件，右键create->DragonBones->create Unity Data ，就可以
Unity 2D教程 | 骨骼动画：介绍
su9257的博客
12-30 1万+
转载自：2016-02-12 Unity官方平台 本教程主要讲解Unity引擎自带的2D骨骼动画工具，以及2D动画的基本概念。然后新建工程示例，导入资源，并做一些动画的准备工作。 本教程适用于没有接触过Unity，或对Unity的2D引擎和工具不太熟悉的开发者。 目标效果 我们要完成的最终效果如下： 骨骼动画与精灵图集 我们先来对比下面两张图片：
Unity 2d 骨骼动画（官方实践）
pdw_jsp的专栏
03-16 9777
自从unity支持了2d以来，就感觉unity弥补了一大空缺~~会有很大市场，如今又支持了2d骨骼动画，太完美了。再也不用序列帧到死了....(以前搞过序列帧的动画，太占资源了) 这篇文章主要是对unity 官方的2d骨骼动画的实践，然后谈下自己的感想。 这下面是这个实践的资源和工程目录（都是别人的，因为我拉的动画实在太丑了，不得不感叹，做这个动画要画好长时间才能做好） http:/
Unity Sprite2D骨骼动画
01-15
### Unity 中创建或使用 Sprite2D 的骨骼动画 #### 创建 2D 骨骼结构 为了在Unity中实现Sprite2D的骨骼动画，首先要构建角色的骨架。这可以通过多种途径完成；例如，通过Puppet2D插件来加速这一过程[^1]。 对于官方支持的方法之一——Anima2D，则是在导入了所需的精灵资源之后，在场景内创建`SpriteMesh`对象并为其分配相应的图像素材。接着利用`Create Bone`功能于目标位置建立关节节点，以此形成完整的骨链架构[^4]。 ```csharp // 示例代码用于展示如何程序化地添加骨骼到SpriteMesh using UnityEngine; public class AddBoneToSprite : MonoBehaviour { void Start() { var spriteRenderer = GetComponent<SpriteRenderer>(); Anima2D.SpriteMeshInstance smi = gameObject.AddComponent<Anima2D.SpriteMeshInstance>(); smi.spriteAsset = Resources.Load<Sprite>(spriteRenderer.sprite.name); // 假设我们有一个名为"Arm"的新骨骼 Transform armBone = new GameObject("Arm").transform; armBone.SetParent(transform); } } ``` #### 绑定骨骼至SpriteMesh 一旦完成了基础框架的设计工作，下一步就是把之前定义好的骨骼关联给具体的图形表现形式—即所谓的“蒙皮”。具体来说就是在编辑模式下选定`SpriteMesh`实体，并将准备好的骨骼组件逐一加入其内部设定里提到的`Set bones`字段之中。随后借助内置工具确认两者间的关系已经确立无误[^2]。 #### 制作基本动作序列 当上述准备工作皆已完成以后，便可以着手设计一些简单的姿态变化作为起步练习。比如让虚拟形象处于静止状态下的默认姿势（通常称为idle pose）。此时需启动时间轴上的录制机制，针对各部分变换矩阵分别插入关键帧数据点，从而捕捉住特定瞬间的空间坐标信息以及旋转角度参数等重要特征量[^3]。 ```csharp // 记录Idle状态下所有骨骼的位置和旋转的关键帧 Animator animator = GetComponent<Animator>(); animator.Update(0f); foreach(Transform bone in GetComponentsInChildren<Transform>()) { AnimationUtility.SetAnimationCurve( animationClip, EditorCurveBinding.TrProperty(bone.gameObject, typeof(Transform), "m_LocalPosition"), AnimationCurve.Linear(0, bone.localPosition.x, 1, bone.localPosition.x)); } animator.Play("Idle"); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值