龙骨mesh渲染异常,最终发下是mesh设置的问题

简介: 龙骨mesh渲染异常,最终发下是mesh设置的问题

嵌套的情况:获取slot所在龙骨的节点树

js
复制代码
let parent= this.armature;
while (!!parent) {
        console.log(parent.name); parent= parent.parent;
}
  • yu  /yu1  /yu_11 /root
    image.png
  • yu/yu_1/ root
    image.png

获取slot所在龙骨的节点树

js
复制代码
let parent= this;
while (!!parent) {
        console.log(parent.name); parent= parent.parent;
}
  • yu1/ bone2/ bone1/ bone/ root
    image.png

查顶点数据的xy

image.png

这个问题主要是查uv,检索到的顶点数据如下

diff
复制代码
-24.829999923706055, 14.130000114440918,  0.25266502084435194, 0.5545648966428529, 
-14.710000038146973, 17.8799991607666,    0.2753669662466309,  0.5507230580316307, 
-0.6800000071525574, 17.8799991607666,    0.30681630250081016, 0.5507230580316307, 
14.949999809265137,  8.800000190734863,   0.34185151668838026, 0.560020725189713, 
17.950000762939453,  1.5299999713897705,  0.34857875850877873, 0.567474092226572, 
25.950000762939453,  0.46000000834465027, 0.36651805425896256, 0.5685757779241226, 
25.950000762939453,  -17.1200008392334,   0.36651805425896256, 0.5865826441525178, 
15.819999694824219,  -17.1200008392334,   0.34381412764003766, 0.5865826441525178, 
11.920000076293945,  -13.039999961853027, 0.33506871800478333, 0.5824071249195949,
2.1500000953674316,  -13.569999694824219, 0.3131506187906525,  0.5829457277769869,
-13.479999542236328, -7.71999979019165,   0.27811342338643646, 0.5769522043398625,
-25.049999237060547, 4.880000114440918,   0.2521589885425939,  0.5640420980867327

对应12个点

image.png

image.png

我编写了一个uv工具,观察到引擎计算的顶点的确是有问题的,错误的设置mesh,渲染效果也是符合预期

image.png

再看顶点计算的规则

js
复制代码
localVertices[vfOffset++] = (region.x + floatArray[uvOffset + i] * region.width) / textureAtlasWidth;
localVertices[vfOffset++] = (region.y + floatArray[uvOffset + i + 1] * region.height) / textureAtlasHeight;

image.png

概括说就是计算出再合图纹理中的uv


ini
复制代码
uv= (region.x + uv*region.width)/textureWidth

floatArray指向的就是单图里面的uv

切换资源的关键帧数据在哪

image.png

gotoAndPlay

image.png

也怀疑过是bones缩放引起的

image.png

也怀疑过是精度的问题

image.png

如上图,顶点-24.83,在js中变成了-24.829999,不过这个精度差异非常小,不像是这个问题导致

最终问题定位

最终排查到是龙骨工程mesh设置的有问题

image.png

这里解释下uvs的含义,龙骨会导出3个文件,ske.json、tex.png、tex.json

uvs的顶点是0-1,对应的是散图纹理的0-1,不是龙骨导出tex.png的0-1


目录
相关文章
|
前端开发 JavaScript PHP
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
215 0
|
JSON API 数据格式
Python实战演练之Python实现一个简单的天气查询应用
Python实战演练之Python实现一个简单的天气查询应用
|
4天前
|
云安全 人工智能 算法
以“AI对抗AI”,阿里云验证码进入2.0时代
三层立体防护,用大模型打赢人机攻防战
1321 4
|
1天前
|
存储 弹性计算 应用服务中间件
2026年阿里云服务器新手租用全流程完整步骤教程(最新版)
2026年阿里云服务器新手租用全流程完整步骤教程,阿里云服务器提供自定义租用、一键租用、云市场租用和活动租用四种核心方式,适配不同配置需求、技术能力和预算场景。无论是需要精准配置的专业用户,还是追求快速部署的新手,都能找到合适的租用方案。以下是详细的适用场景和操作流程,助力高效上云。
251 146
|
5天前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
|
1天前
|
弹性计算 固态存储 大数据
2026年阿里云服务器租用费用_阿里云最新轻量、ECS、GPU云服务器价格表
2026年阿里云服务器租用费用多少钱?小编通过查询全网最新关于阿里云服务器租用价格的资料,整理了今年最新的云服务器租用价格表,包括轻量应用服务器、云服务器ECS和GPU服务器。现在最新阿里云服务器租用费用价格表,轻量2核2G轻量服务器一年68元,折合5.6元1个月,新老用户同享99元一年服务器,2核4G5M服务器ECS优惠价199元一年(企业专享),2核4G4M轻量服务器298元一年,4核8G服务器955元一年,4核16G10M服务器70元1个月、210元3个月,8核32G服务器160元1个月、480元3个月,整理2026阿里云服务器租用费用价格表,包括一年优惠价格、一个月和1小时收费明细表:
216 152
|
4天前
|
机器学习/深度学习 安全 API
MAI-UI 开源:通用 GUI 智能体基座登顶 SOTA!
MAI-UI是通义实验室推出的全尺寸GUI智能体基座模型,原生集成用户交互、MCP工具调用与端云协同能力。支持跨App操作、模糊语义理解与主动提问澄清,通过大规模在线强化学习实现复杂任务自动化,在出行、办公等高频场景中表现卓越,已登顶ScreenSpot-Pro、MobileWorld等多项SOTA评测。
671 3
|
11天前
|
编解码 人工智能 自然语言处理
⚽阿里云百炼通义万相 2.6 视频生成玩法手册
通义万相Wan 2.6是全球首个支持角色扮演的AI视频生成模型,可基于参考视频形象与音色生成多角色合拍、多镜头叙事的15秒长视频,实现声画同步、智能分镜,适用于影视创作、营销展示等场景。
777 6