【KingFusion】如何在3D场景实现流水效果

哈喽,大家好,我是雷工!

在项目过程中,经常会涉及到实现管道水流动效果,此篇记录在KingFusion中的3D场景实现水流效果。

以下为简单流水效果的样例,

一、效果展示

当点击水泵,水泵启动,显示流水效果,再次点击水泵,水泵停止运行,流水效果消失。

二、实现原理

1、在KingFusion的3D场景中具有管道的工具可以实现3D管道的绘制。

2、在绘制好的管道上可以贴图实现想要的纹理效果,这里可用水纹贴图。

3、在页面编辑中进入3D场景编辑,可以对绘制的管道段进行效果设置,水流效果,和显示隐藏效果。

4、此处采用的是在3D管道模型外层又绘制了一略微大可包裹原管道模型来实现水流效果的。

三、实现步骤

1、创建3D场景

在3D资源管理中,导入3D模型,创建3D场景。

2、绘制管道

在3D编辑器中绘制管道,并将管道调整到合适的大小,布置到合适的位置。

3、导入贴图资源

找一个水纹贴图,将贴图导入资源。

4、管道贴图

选中要贴图的管道,将导入的水纹贴图贴到需要的管道上。

5、退出3D编辑器

保存编辑好的场景,退出3D编辑器。

6、打开页面编辑

通过页面管理,打开需要编辑的页面,进入页面,然后进入3D_工艺流程图编辑界面。

7、设置连接

在工艺流程图编辑器-3D中选中要添加动画的管道,然后通过右侧的【连接】按钮设置基本属性。

8、是否显示

是否显示通过连接离散值变量,来控制管道的显示与隐藏状态。

9、管道流动

管道流动中设置离散值变量控制水流是否流动,其中流动速度可设置,慢速,中速,快速;流动方向可设置正向,反向。根据需要设置。

10、页面变量

可根据需要创建页面变量,处理显示逻辑,比如任意泵启动或任意阀门打开,某段管道就开始流动,可通过创建页面变量控制该管道,然后通过页面脚本控制该变量的值

11、页面脚本

选中页面时,点击连接,可看到创建时,存在时,关闭时三个状态的脚本触发器,可根据需要在其中编辑逻辑脚本,实现控制逻辑。

12、退出编辑

完成所有3D动画处理后,点击退出按钮,退出【工艺流程图编辑器-3D】,然后再保存页面,退出【页面编辑器】。

13、发布更新

然后通过发布或更新按钮即可将开发好的程序更新到最新状态。

14、部署程序

在运维中心,添加新创建的客户端程序,然后部署,启动,就可以通过IP+端口,在浏览器上访问运行效果了。

四、后记

以上为在KingFusion的3D场景实现水流效果的方法,实际实现方法可能会有很多,这只是用到的一种,大家有更好的实现方法欢迎留言讨论。

相关推荐
这是个栗子5 分钟前
关于 TypeScript 的介绍
前端·javascript·typescript
钰fly42 分钟前
Halcon联合编程适应图像的方法(picture)
开发语言·前端·javascript
束尘44 分钟前
Vue3一键复制图片到剪贴板
开发语言·javascript·vue.js
CG_MAGIC1 小时前
SketchUp 大图渲染优化:清理废线 + 压缩模型,彻底解决卡顿
3d·blender·贴图·效果图·渲云渲染
酉鬼女又兒1 小时前
零基础快速入门前端DOM 节点操作核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯
LXXgalaxy1 小时前
Vue3 + TypeScript 组件开发速查表新手速成手册
前端·javascript·typescript
AnalogElectronic1 小时前
uniapp学习6,滚动字幕播报
javascript·学习·uni-app
全马必破三1 小时前
Vue3+Node.js 实现AI流式输出全解析
前端·javascript·node.js
belldeep1 小时前
前端:TypeScript 版本 2 , 3 , 4 , 5 , 6 有什么差别?
前端·javascript·typescript
狗都不学爬虫_1 小时前
JS逆向 - Akamai阿迪达斯(三次) 补环境、纯算
javascript·爬虫·python·网络爬虫·wasm