【计算器动画】蒙皮

2023-10-13 00:20
文章标签 动画 计算器 蒙皮

本文主要是介绍【计算器动画】蒙皮,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

主要参考书目:《计算机动画算法与技术》《3D游戏》(英国人写的书已经绝版了)《3D游戏引擎设计——实时计算机图形学应用方法》 《骨骼蒙皮动画(Skinned Mesh)的原理解析》

关节就是一个变换矩阵,在层次储存中,一般会从根节点开始一层层的储存关节矩阵:

在这里插入图片描述
所以每个关节储存的矩阵都是建立根关节之上的。

以3个关节为例,转换如下:

—(T0世界矩阵)—>Link0—(T1相对Link0的Link1转换,相对旋转R0)—>Link1—(T1.1相对Link1的Link1.1转换,相对旋转R1)—>Link1.1

另外每个关节的变换无非就是旋转加平移。

故,设有一在Link1.1的坐标中有顶点V,那么将其转换到世界坐标V’就是:

V ′ = T 0 ∗ T 1 ∗ R 1 ∗ T 1.1 ∗ R 1 ∗ V V' = T0*T1*R1*T1.1*R1*V V=T0T1R1T1.1R1V(这里使用列向量)

这个其实就是将局部坐标中的顶点通过这一系列的矩阵变换到世界坐标中。

在蒙皮顶点混合的时候由于我写的程序还是相当蛋疼的,我为了方便导入把一个模型拆成了3个模型,然后把三个模型一一变换到世界空间,这样免去从模型空间到骨骼空间的计算,但是在混合的时候需要根据骨骼来装换顶点到对应的骨骼空间,这些东西都在shader中计算完成。(虽然严格的讲这个叫做关节动画==)

#version 410 core
layout (location = 2) in vec4 a_position;
layout (location = 3) in vec4 a_weight;
uniform mat4 mv_matrix;
uniform mat4 proj_matrix;
uniform mat4 b1_matrix;
uniform mat4 b2_matrix;
uniform mat4 b3_matrix;
uniform int bone;//骨骼长度
float bone_len = 47.2441f;void main()
{vec4 new_a_position = a_position;vec4 new_a_position1 = a_position;//向上偏移的顶点new_a_position.y += bone_len;//向下偏移的顶点new_a_position1.y -= bone_len;//对不同的骨骼做不同的变换switch(bone){case 1:gl_Position = proj_matrix*mv_matrix*(a_weight.x*b1_matrix*a_position+a_weight.y*b2_matrix*new_a_position1);break;case 2:gl_Position = proj_matrix*mv_matrix*(a_weight.x*b1_matrix*new_a_position+a_weight.y*b2_matrix*a_position+a_weight.z*b3_matrix*new_a_position1);break;case 3:gl_Position = proj_matrix*mv_matrix*(a_weight.y*b2_matrix*new_a_position+a_weight.z*b3_matrix*a_position);break;default:break;}}

然后是截图:

混合顶点后

在这里插入图片描述

最后需要考虑的是蒙皮,蒙皮意味着只有一个mesh,由骨骼来决定这个mesh中每个顶点的位置。

一般来讲,会在建模工具中就计算好一个初始姿态,即T姿态。这时候其实可能会计算从对应的骨骼空间变换到T姿态模型空间的逆矩阵(意思是mesh上的任何一个顶点(只要这个点被认为在对应的骨骼空间中,所以有负值的坐标)都可以通过这个矩阵转换到模型空间),有了这个逆矩阵,在蒙皮的时候就可以使用此逆矩阵将所有模型空间的顶点转换到对应的骨骼空间中,而且将一个顶点转换到任何一个骨骼空间中都是正确的,这就直接导致可以使用权重来决定每个顶点收各个骨骼的多少影响,而最后的位置就只需要一个公式就能解决了。

这篇关于【计算器动画】蒙皮的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/199448

相关文章

基于Python开发一个有趣的工作时长计算器

《基于Python开发一个有趣的工作时长计算器》随着远程办公和弹性工作制的兴起,个人及团队对于工作时长的准确统计需求日益增长,本文将使用Python和PyQt5打造一个工作时长计算器,感兴趣的小伙伴可... 目录概述功能介绍界面展示php软件使用步骤说明代码详解1.窗口初始化与布局2.工作时长计算核心逻辑3

Kotlin Compose Button 实现长按监听并实现动画效果(完整代码)

《KotlinComposeButton实现长按监听并实现动画效果(完整代码)》想要实现长按按钮开始录音,松开发送的功能,因此为了实现这些功能就需要自己写一个Button来解决问题,下面小编给大... 目录Button 实现原理1. Surface 的作用(关键)2. InteractionSource3.

使用WPF实现窗口抖动动画效果

《使用WPF实现窗口抖动动画效果》在用户界面设计中,适当的动画反馈可以提升用户体验,尤其是在错误提示、操作失败等场景下,窗口抖动作为一种常见且直观的视觉反馈方式,常用于提醒用户注意当前状态,本文将详细... 目录前言实现思路概述核心代码实现1、 获取目标窗口2、初始化基础位置值3、创建抖动动画4、动画完成后

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展,动画效果已经成为了网页设计中不可或缺的一部分,本文将深入探讨animation.css的工作原理,如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs

使用Python创建一个功能完整的Windows风格计算器程序

《使用Python创建一个功能完整的Windows风格计算器程序》:本文主要介绍如何使用Python和Tkinter创建一个功能完整的Windows风格计算器程序,包括基本运算、高级科学计算(如三... 目录python实现Windows系统计算器程序(含高级功能)1. 使用Tkinter实现基础计算器2.

用Java打造简易计算器的实现步骤

《用Java打造简易计算器的实现步骤》:本文主要介绍如何设计和实现一个简单的Java命令行计算器程序,该程序能够执行基本的数学运算(加、减、乘、除),文中通过代码介绍的非常详细,需要的朋友可以参考... 目录目标:一、项目概述与功能规划二、代码实现步骤三、测试与优化四、总结与收获总结目标:简单计算器,设计

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06