码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • GLTF模型添加关节控制


    GLTF模型添加关节控制

    文章目录

    • GLTF模型添加关节控制
      • 1. 前言
      • 2. 环境准备
      • 3. 操作步骤
      • 4. 参考链接

    1. 前言

    在Cesium官方示例中提供了一个控制火箭整流罩分离的例子,例子链接CZML Model Articulations。该例子展示了通过控制glb/gltf模型中的articulations来控制模型部分关节的运动。前提条件是模型文件中有articulations属性,本文主要介绍如何在Blender等三维建模软件导出的gltf模型中添加articulations属性。

    2. 环境准备

    • Blender或其他主流三维建模软件:用于导出gltf模型
    • VS Code:需要安装插件glTF Tools和STK GMDF Tools,分别用于gltf模型预览和注入articulations属性
    • 三维模型:可以到 https://github.com/AnalyticalGraphicsInc/gmdf/tree/master/samples 下载

    3. 操作步骤

    1. Blender中打开三维模型,以samples\VehicleTest\source\VehicleTest.blend为例,可以看到模型主要包括车身、前轮和后轮三部分,在导出gltf后可以在nodes属性下找到对应的部分;

      Blender.png

    2. 导出gltf格式的模型;

      Blender_Export_GLTF.png

    3. VS Code中预览gltf模型,可以看到gltf文件中的nodes包括上文提到的前轮、后轮,下面就可以通过添加属性来控制前后轮的运动;

      Blender_GLTF_Preview.png

    4. 在VehicleTest.gltf同级目录下创建VehicleTest.gmdf文件,文件内容如下:

    {
        "AGI_articulations": {
            "articulations": [
                {
                    "name": "Wheels",
                    "stages": [
                        {
                            "name": "Drive",
                            "type": "xRotate",
                            "minimumValue": -360,
                            "maximumValue": 360,
                            "initialValue": 0
                        }
                    ],
                    "modelNodes": [
                        "FrontWheels",
                        "RearWheels"
                    ]
                }
            ]
        }
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22

    AGI_articulations和articulations都是固定格式,主要关注modelNodes和stages。modelNodes用来说明要控制的模型关节,就是上文中的前后轮;stages用来说明关节如何运动,示例中的type表示运动类型为沿x轴旋转,minimumValue和maximumValue用来控制范围。关于属性字段更加具体的含义可以参考https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Vendor/AGI_articulations/README.md#overview

    1. 将gmdf文件注入到gltf文件,首先在VS Code中选中VehicleTest.gltf文件,按住快捷键Ctrl + Shift + P,搜索GMDF,选择命令inject GMDF into glTF,然后就可以看到在gltf文件中有新的内容增加了,在保存后就可以在模型预览界面中看到控制关节运动的操作界面,通过拖动滑块就可以控制轮子的运动;

      GMDF_Inject.png

      GMDF_Injected.png

      GMDF_Articulations.png

    4. 参考链接

    [1]. Cesium示例

    [2]. GMDF工具与glTF模型示例

    [3]. AGI_articulations详细介绍

    [4]. Converting Models To GlTF For STK

  • 相关阅读:
    大数据到底是好是坏?_光点科技
    通过 Jenkins 经典 UI 创建一个基本流水线
    工业路由器网关的网络协议之NAT技术
    Idea 常用快捷键列表
    微信小程序基础学习(5):使用 npm包、全局数据共享、分包
    kettle安装
    【C++】根据字符切割字符串
    『忘了再学』Shell流程控制 — 36、for循环介绍
    十、对象的拓展1
    Go语言 02
  • 原文地址:https://blog.csdn.net/wml00000/article/details/126005124
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号