模型材质一键替换~轻松还原多种三维场景

1. 概述

模型的材质决定了三维场景的整体视效,山海鲸可视化不仅支持模型材质的替换与编辑,而且提供了大量现成的模型材质供大家使用,能够帮助大家实现更高效的三维场景搭建。模型材质主要分为PBR材质和水面材质两个部分。其中大部分静态模型都会使用PBR材质,而动态的水面等模型会使用水面材质。下面我们就来看看,如何在山海鲸可视化中设置模型材质。

2. 添加材质

山海鲸提供了许多种类的材质供大家使用,可以在左侧"材质"中找到。

点击选择某个材质后,鼠标会变为材质示意图,点击模型即可替换材质。

替换后的效果,如下图所示:

3. PBR材质

在基础设置中,我们可以对模型材质的显示样式进行设置。

基础色可以设置模型的白模颜色和贴图,也可以对贴图的样式进行设置。

粗糙/金属设置可以设置材质金属度、粗糙度,也可以通过贴图进行调整。

法线设置中可以通过添加贴图等方式对材质的纹理细节进行设置。

在发光设置中可以设置材质发光效果,也可以通过添加贴图设置发光样式。

光照设置中可以添加本地贴图文件,调整光照效果。

透明度设置可以调整材质的透明效果,也可以设置贴图来调整。

在反射中可以设置材质反射周围环境和其他物体影像,增强渲染的逼真度。

次表面设置可以修改次表面颜色,调整材质中次表面散射的颜色。

深度设置可以调整深度偏移等设置,避免多个模型接近时材质抖动或闪烁。

4. 水面材质

水面材质设置项与PBR材质基本相同,同样在**"材质"**中添加。

我们可以在**"模型-形状"**中添加一个平面模型,作为水面材质的载体。

同样在材质中选择水面材质后,点击平面模型即可添加。

添加后会自动替换动态水面材质,设置项与PBR材质基本相同。

我们可以根据需要,对水面材质进行设置。

相关推荐
iloveas201411 小时前
three.js+WebGL踩坑经验合集(8.3):合理设置camera.near和camera.far缓解实际场景中的z-fighting叠面问题
webgl
失忆爆表症2 天前
基于 MediaPipe + Three.js 的实时姿态可视化前端
前端·webgl
串串狗xk3 天前
使用 webgl 写的新概念笔记应用《赛博城寨》,在三维开放世界里写笔记
javascript·webgl
刘皇叔code5 天前
Three.js后处理UnrealBloomPass的分析
webgl·three.js
Thomas_YXQ6 天前
Unity3D编辑器扩展-物体批量替换设置材质
游戏·unity·编辑器·游戏引擎·材质
掘金安东尼7 天前
用 WebGL + Solid.js 构建混合材质 Shader
前端·webgl
CG_MAGIC9 天前
主流 3D 模型格式(FBX/OBJ/DAE/GLTF)材质支持与转换操作指南
3d·渲染·动画·材质·贴图·3d 模型格式·材质支持与转换操作指南
黎阳之光10 天前
从 “视频孪生” 到 “视频动态目标三维重构”:技术演进与核心突破
数字孪生·ai算法·视频融合·视频孪生·视频动态目标实时三维重构
郝学胜-神的一滴10 天前
Three.js 材质系统深度解析
javascript·3d·游戏引擎·webgl·材质
Tetap10 天前
pixijs实现绿幕抠图和视频
前端·webgl