ThingJS新推出曲线UV动画,3D开发基础给你打好了!

简介: UV动画是一种常用的渲染技巧,经常用来描述水的流动、霓虹灯的闪烁等

UV动画是一种常用的渲染技巧,经常用来描述水的流动、霓虹灯的闪烁等,ThingJS在CamBuilder里进行曲线贴图设置,对接UV动效开发。
UV是什么?通过改变纹理坐标,实现动态效果的纹理动画。在3D场景中,一些动态水面、流动的岩浆、跳动的火焰等等,都是通过操作UV做的动画。在CampusBuilder可以根据功能项的曲线属性设置动画效果,修改流动速度、线宽大小、贴图位移、贴图重复等样式。
下载CamBuilder编辑器,免费注册账号,在右侧菜单栏找到“功能”一项。
1.jpg

在CampusBuilder中,选择功能项下的曲线,手动添加一条曲线,线宽和锚点可以手动设置,一个锚点可生成一个新的片段。
2.jpg

选择一张贴图,刷到曲线中,生成背景画面。
3.jpg

点击曲线属性,选择开启流动动画,利用流动速度的正负设置正反方向,数字越大代表速度越快。CamBuilder可以无缝对接ThingJS在线平台,开启曲线UV动画示例代码如下:

var app = new THING.App({ 
    // 场景地址
    "url": "https://www.thingjs.com/static/models/guan"
});

app.on('load', function () {
    app.query('.RouteLine')[0].scrollUV = true;
    app.query('.RouteLine')[0].scrollSpeed = -100;
})

4.jpg
5.jpg

什么是锚点呢?片断是由锚点组成的,只有修改锚点才能改变片断形态。注意锚点一旦被删除,片段也会同时消失。在CamBuilder内,点击左键可以设置新锚点,可能因操作原因产生重叠锚点现象,虽然不影响流动动画,但是会缺乏流畅度,如上图示。

ThingJS新推出曲线UV动画,3D开发基础给你打好了!

相关文章
|
运维 监控 Java
推荐一款好用的Java分布式任务调度框架!
推荐一款好用的Java分布式任务调度框架!
923 0
Android10.0 最近任务Recents功能分析(上)
Android10.0 最近任务Recents功能分析(上)
2370 2
Android10.0 最近任务Recents功能分析(上)
|
存储 调度 数据库
STM32--DMA
STM32--DMA
804 0
|
JSON 关系型数据库 Go
gorm 教程三 gen代码生成框架
gorm 教程三 gen代码生成框架
624 0
|
存储 安全 网络协议
阿里云SSL数字证书原理、使用、申请流程及部署方式
本文带您了解阿里云数字证书的基本原理、使用、申请流程及部署方式
|
XML Java Apache
Java 生成PDF文档
最近项目需要实现PDF下载的功能,由于没有这方面的经验,从网上花了很长时间才找到相关的资料。整理之后,发现有如下几个框架可以实现这个功能。 1. 开源框架支持 iText,生成PDF文档,还支持将XML、Html文件转化为PDF文件; Apache PDFBox,生成、合并PDF文档; docx4j,生成docx、pptx、xlsx文档,支持转换为PDF格式。
12159 1
|
5月前
|
机器学习/深度学习 数据采集 算法
三类公路裂缝目标检测数据集分享(适用于YOLO系列深度学习检测任务)
本数据集含2000+张真实道路图像,精准标注三类典型裂缝(网状、纵向、横向),采用YOLO格式,已划分训练/验证/测试集,适配YOLOv5-v10、RT-DETR等模型,助力智慧交通、自动巡检与小目标检测研究。
330 0
|
9月前
|
人工智能 物联网 Shell
告别“人工智障”:零代码驯服大语言模型,打造你的专属AI助手
本文详解大模型微调(Fine-tuning)如何破解通用AI“懂但不专”的痛点:用专属数据为大模型做“岗前培训”。全程零代码、纯在线,基于ModelScope与QLoRA技术,30分钟即可完成Yi-6B模型微调,重塑其身份认知。兼顾原理通俗解读与手把手实战,助你真正掌握“塑造AI”的主动权。(239字)
688 3
告别“人工智障”:零代码驯服大语言模型,打造你的专属AI助手
|
人工智能 IDE 搜索推荐
通义灵码2.5评测:从编程智能体到记忆感知的AI编码革命
通义灵码2.5版本更新带来了多项新功能,包括Lingma IDE的开箱即用体验、编程智能体模式实现端到端编码任务、MCP工具集成扩展AI助手能力以及Qwen3模型升级大幅提升代码生成准确性和效率。此外,新增长期记忆与上下文感知功能,使开发更个性化和高效。尽管存在一些局限性,如复杂业务逻辑仍需人工干预,但整体显著提升了开发效率。官方还提供了高质量视频课程助力用户学习。
2393 11
|
前端开发 开发者 UED
《从线性到二维:CSS Grid与Flex的布局范式革命与差异解析》
CSS Grid布局与Flex布局是现代前端开发中不可或缺的两大布局技术。CSS Grid作为二维网格系统,擅长复杂页面结构和响应式设计,通过网格容器、轨道与单元格实现精确的空间划分与元素定位。Flex布局则专注于一维排列,适用于导航栏、列表等内容驱动场景,提供灵活的对齐与空间分配能力。两者各有优势,可独立或结合使用,满足不同布局需求。掌握它们的核心概念与应用技巧,能显著提升开发效率,打造精美高效的网页布局。
430 18