UV材质动画

  • 社区级协助
  • 文档创建者:Emma.Wang
  • 历史版本:2
  • 最近更新:Emma.Wang 于 2024-10-12
  • 1.概述

    1.1 文档介绍

    此文档为介绍在 FVS 的三维模型动画中的UV材质动画专题,帮助用户更好的理解 UV 材质动画,并拓展一些相关应用场景建议(文中使用的三维建模软件为Blender)。

    1.2 UV材质动画

    UV 材质动画区别与常见的三维模型动画,三维模型动画是模型自身位置或角度等的变化产生的运动,UV 材质动画的原理是通过将物体的自身的 UV 通过特定的方式进行拆解,并利用展开之后的UV配合相应的贴图的坐标,从第 0 帧到最后一帧的运动变化过程记录,来达到物体表面贴图运动从而产生 UV 材质动画。

    1.3应用场景拓展

    在 FVS 科技风三维场景中,UV 材质动画的使用率较高,对于画面科技感的提升效果显著。应用场景和呈现的效果也是多元化的,例如应用于工厂传送带或者履带向前滚动的效果,以及橱窗的广告牌的播放效果,还有一些流动线条的展示,如城市车流,电流管线流动等,以下为其中的一些案例截图,更多展示在FineVis可视化平台

    1728637916473590.gif 1728637916916044.gif

    1728637917384655.gif 1728637917837927.gif

    2.制作步骤

    2.1 前言

    本文中所使用的建模软件为blender4.2(其他低版本暂不支持 UV材质动画导出)。本次以箭头运动动画作为制作步骤示例。

    2.2 动画制作

    新建平面,给平面材质添加一张黑白遮罩的贴图,贴图的分辨率建议为正方形分辨率,如 1024*1024,并添加纹理坐标映射节点。贴图颜色连接原理化 BSDF 的 Alpha节点以获取透明效果。

    1728531248561557.png

    可以将基础色及自发光改为红色,导入 FVS 就得到一个发红光的箭头。

    1728541025458833.png

    选中平面,添加时间线和着色编辑器面板,并在着色编辑器面板选中映射节点,将鼠标放置在位置区域,按快捷键 i 进行 K 帧。

    1728547601815725.png

    将时间轴移到结束点位置,调整映射节点的 Y 轴位置(可以X Y 轴向都试一下,找到正确的移动方向),调整到合适位置后,再次按 i 进行 K 帧。播放预览一下确认箭头是否在运动。

    1728548358386152.png

    3.导出

    注: UV 材质动画的导出和普通模型动画的导出有一些差别,需要特别注意一下。

    点击文件>导出> glTF2.0(.glb/.gltf)

    1728548626531386.png

    勾选动画,动画模式选择场景,并勾选动画指针,导出即可。

    1728548990503514.png

    4.视频教程

    附件列表


    主题: FineVis数据可视化
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    9s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持

    反馈已提交

    网络繁忙