高  级  会  员 

3D 可 视 化 查 看 器

 

 

在三维的数字艺术殿堂中，三维模型与材质的设计如同精心雕琢的宝石，闪烁着独特的光华。作为三维设计师的我们，在三维可视化项目中我们也是一样执着自己作品高质量的落地，获得客户的认可。

模型的精确度和材质的质感往往决定了最终作品的成败。然而，这些作品的完美呈现并非易事，它们需要在精确的渲染与调试中逐渐焕发生机。为此，我基于three.js这一强大的WebGL库，精心打造了一款三维可视化大屏_场景模型glTF查看器，旨在为设计师们提供一个全方位的创作与调试平台。这款工具不仅能够帮助你轻松检查模型的完整性和材质的质感，还提供了丰富的调试功能，让你的创作过程更加顺畅。

 

一、glTF是什么：

流行的轻量级且高效的3D文件格式

glTF是一种专为Web和运行时环境设计的轻量级、高效的3D文件格式。它不仅支持高质量的3D场景和模型，还具备极高的压缩率和传输效率，使得在线3D内容的展示和交互变得前所未有的流畅和便捷。glTF查看器正是基于这一前沿标准，为设计师们带来了前所未有的前瞻创作自由。它不仅具备基本的模型查看功能，更包含了一系列强大的调试选项，让你的模型调整变得更加精细。从环境光强度、平行光强度到贴图的亮度、发光强度，金属粗糙度等每一个参数都可以根据你的需求进行微调。

 

二、3D glTF模型查看器：

加载查看glTF模型的在线工具

glTF查看器是一个基于three.js框架的在线查看验证工具。它允许用户上传3DglTF格式的模型以及各种纹理贴图。场景渲染是基于物理渲染，因此是支持上传PBR材质纹理贴图（基于物理渲染的材质，更真实），glTF查看器遵循PBR的金属粗糙度工作流（Metal/Roughness Workflow）查看演示。扩展阅读：

The PBR Guide 基于物理的渲染指引上

The PBR Guide 基于物理的渲染指引下

总之它是专为三维设计师打造，帮助设计师快速预览验证输出的glTF和GLB格式的3D模型，以及PBR材质的样式。包含检查三维场景环境、模型材质属性、PBR贴图纹理的样式与属性调试、动画预览等。它不仅是设计师交付前端前三维走查工具，而且也是提高三维设计质量的有效验证工具，还是整个研发团队的提效工具。希望它是在你工作中的小助手帮到你！

 

三、glTF查看器用用途：

用户群体和使用场景用途

用户群体

• 视觉/三维/UXUI/可视化/设计师、刚毕业设计初学者；

使用场景

• 开发流程中前期，演示项目，三维作品集
• 三维开发流程的前中期使用，设计师自验和调试模型和材质；转接给前端前视觉走查，确保设计交付没有问题；
• 在一些快速项目，需要竞演，快速预览开发结果给客户；
• 设计作品还是静图，需动态录制作品成效演示视频；

四、高级版 功能详解：

版本：V2.9 功能如下：

加载

• • 支持拖拽 本地 .glTF/.glb/.zip/文件夹；
  • 支持上传 本地模型 .glTF/.glb格式；
  • 支持上传 SVG 生成模型；
  • 支持输入 文字 生成模型；

界面

• • 支持拖拽上传模型和SVG文件，SVG转3D模型；
  • 支持输入中英文和数字文本，转3D模型；
  • 支持工具栏 移动，旋转，缩放模型；
  • 支持工具栏 上传模型和清除模型；
  • 支持工具栏 上传环境HDR和清除环境HDR；
  • 支持工具栏 上传模型PBR纹理和清除模型PBR纹理；
  • 支持工具栏 切换模型和场景相机以及默认相机；
  • 支持工具栏 查看模型全部和模型子动画；
  • 支持工具栏 上传地面PBR材质纹理与清除纹理；
  • 支持工具栏 上传JSON路径和清除路径；
  • 支持工具栏 上传UI静态或动态界面和清除界面；
  • 支持工具栏 上传SVGT图形，生成模型以及清除模型；
  • 支持工具栏  输入中英文数字 文字 生成模型以及清除模型；
  • 支持工具栏  生成场景快照和渲染输出透明图片；
  • 支持工具栏  录制场景或屏幕高清视频；
  • 支持工具栏  导出场景和导入场景配置包；
  • 支持工具栏  场景重置，恢复默认状态；
  • 支持工具栏  界面的显示与隐藏；
  • 支持控制调试栏  界面的显示与隐藏；
  • 支持渲染输出栏  界面的显示与隐藏；
  • 支持控制调试栏的显示与隐藏；
  • 支持控制调试栏的显示与隐藏；
  • 支持控制调试栏的显示与隐藏；

场景

• • 支持设置坐标轴和网格的显示或隐藏，可设置透明度；
  • 支持启用圆网格 可设置半径，扇区，环，分段，颜色；
  • 支持设置七种映射类型以及场景曝光度；
  • 支持启用视图导航，设置场景视觉方向；
  • 支持显示场景雾气，设置雾气颜色，强度；
  • 支持查看场景模型点，线，三角，四边的统计；
  • 支持查看场景FPS的实时数据FPS,MS,MB；

环境

• • 支持启用环境光和环境光强度设置；
  • 支持上传场景HDR环境文件，类型支持.hdr.exr和图片；
  • 支持启用HDR环境，可切换HDR文件，
  • 支持启用背景，可切换背景，可设置模糊度和亮度；
  • 支持设置纯色和渐变色背景，可设置色值；
  • 支持 启用背景纹理 ，选择默认纹理，本地上传，设置亮度；

天空

• • 支持开启物理天空，可设置浑浊度，散射，散射系数，方向性；
  • 支持太阳高度面，曝光度，方位；
  • 支持启用半球光，可设置强度颜色和地面颜色；

太阳

• • 支持启用太阳，可开启太阳助手设置太阳强度颜色；
  • 支持设置太阳不同时段（24小时）的光照强度以及动画变化；
  • 支持启用太阳投影，可设置偏移以及开启捕捉和强度调试；

灯光

• • 支持显示和隐藏光源，主光，辅助光1，辅助光2；
  • 支持启用光源，可设置光源强度，颜色，投影，坐标和距离；
  • 支持设置设置其它灯光，平行光，点光，聚光灯；
  • 支持设置其它灯光的颜色，强度，投影，投影，坐标和距离；
  • 支持设置其它灯光-聚光灯的角度，半影，衰减，纹理和距离；

模型

• • 支持识别模型图层对象，树结构展示，可设置隐藏，高亮，变换；
  • 支持移动模型图层对象，支持场景坐标移动和XYZ滑块移动；
  • 支持场景模型对齐地面，显示在地面之上；
  • 支持设置模型切换类型，实体模型，点模型，线框模型，叠加线框；
  • 支持设置点大小，点颜色，线框，叠加线框的颜色和透明度；
  • 支持设置模型X光模式，可设置X光颜色和透明度；
  • 支持显示模型动画的蒙皮和骨架；
  • 支持显示模型法线，和启用双面渲染；
  • 支持移动整个模型对象，支持场景坐标移动和XYZ滑块移动；
  • 支持模型启用旋转和缩放，都支持XYZ滑块调试，也支持整体缩放；

材质

• • 支持识别模型材质对象，以树结构展示；
  • 支持设置图层材质属性 选中，显示与隐藏，平滑着色，模型颜色；
  • 支持设置图层材质 AO,发光，金属度，粗糙度，法线，置换，透明度强度；
  • 支持设置图层材质 折射率，反射率，透射率也叫传输值， 彩虹，彩虹折射率，清漆，清漆粗糙度值；
  • 支持设置图层材质 镜面反射强度，颜色，环境强度，光泽，光泽颜色，光泽粗糙度，衰减距离颜色值；
  • 支持切换模型面类型，前面，后面，双面，启用雾气，设置混合模式，正常叠加相乘减去等混合模式；
  • 支持设置图层纹理的XY的平铺数量和偏移参数，也支持纹理的旋转角度设置；
  • 支持重置图层材质为默认值；
  • 支持整个模型以上参数的设置除外还支持纹理XY偏移动画的启用和速度的设置；
  • 支持显示整个模型的PBR纹理（颜色，AO，发光，金属度，粗糙度，法线，置换，透明度贴图）也支持单独显示某个通道纹理的显示与隐藏；
  • 支持整个模型PBR纹理图层的UV -XY的平铺数， 偏移动画和动画速度
  • 支持启用特殊材质-玻璃材质 可设置透明度，传输值，粗糙度，金属度，折射率，反射率，玻璃颜色，上传法线影响玻璃纹理，可设置法线强度；

动画

• • 支持识别模型动画，可设置开启和暂停动画以及子动画；
  • 支持四元帧动画，如克隆等效果器实现的动画需要烘焙动画；
  • 支持修改动画每秒帧数以及是否循环播放；

相机

• • 支持识别模型内部相机 可设置显示与隐藏还有属性设置；
  • 支持切换模型内嵌相机的视角，切换到所选相机视角；
  • 支持设置相机视野和宽高比以及远近剪切面；
  • 支持设置XYZ位置和目标还有缩放，角度旋转，自转等；
  • 支持设置相机的方向视图透视图，顶视图，左视图，右视图，正视图等；
  • 支持设置启用手动漫游以及漫游的速度，旋转参数设置等；
  • 支持设置启用自动漫游以及漫游的速度，旋转参数设置等；
  • 支持重置模型相机默认值；
  • 支持自定义相机切换，默认相机，相机1，相机2，相机3，相机4；
  • 支持自定义相机的角度，位置，近远剪切面；

路径

• • 支持上传路径文件，类型为json文件，可在C4D中导出；
  • 支持显示与隐藏路径；
  • 支持设置上传路径平滑度；
  • 支持根据上传路径扫描路径，可设置扫描对象大小 扫描分段 材质；
  • 支持模型路径动画，可设置动画速度；
  • 支持相机路径动画，可设置动画速度；
  • 支持灯光路径动画， 可设置速度和灯光类型（平行，点，聚光等）；
  • 支持灯光路径设置颜色，强度，投影 ；
  • 支持灯光类型聚光灯的角度 半影 衰减 距离 聚光灯纹理 ；
  • 支持重置默认值；

地面

• • 支持上传地面纹理文件，基于PBR通道的纹理jpg/png；
  • 支持地面的显示与隐藏，可设置地面半径和颜色；
  • 支持地面显示线框，支持旋转和圆环分段还有颜色设置；
  • 支持设置地面纹理风格 选择默认纹理，支持本地文件上传；
  • 支持设置地面纹理XY轴向的平铺数量；
  • 支持设置地面纹理XY轴向的偏移动画以及动画速率；
  • 支持设置地面PBR材质属性，颜色，发光，AO，金属度，粗糙度，法线，透明，置换等通道属性值，让地面更有质感；
  • 支持地面的Y轴位置和地面投影的显示；

SVG

• • 支持上传SVG文件，生成3D模型，可设置厚度，细分，倒角；
  • 支持提取SVG轮廓线 生成3D描边，可设置点密度，平滑，半径，分段等；
  • 支持导出生成的SVG文模型，可导出gltf/glb格式；

      Text

• • 支持输入中英文和数字 ，生成3D文字模型，可设置厚度，大小，细分，倒角，支持实时更新；
  • 支持导出生成的SVG文模型，可导出gltf/glb格式；

后期

• • 支持场景后期 启用FXAA ,SSAA以及采样级别设置；
  • 支持启用bokeh效果，可设置焦点光圈和模糊；
  • 支持启用LUT效果，可选择LUT文件 设置强度；
  • 支持启用泛光效果，可设置阈值，强度和半径；
  • 支持启用点屏效果，可设置比例，RGB偏移以及偏移量；
  • 支持启用漂白效果，可设置透明度；
  • 支持启用褐色效果，可设置强度值；
  • 支持启用暗角效果，可设置偏移和黑暗度；
  • 支持启用胶片效果，可设置强度值；
  • 支持启用水平和垂直模糊 效果，可设置强度值；

特效

• • 支持 开启云特效，可设置云速度，大小，粒子数量等参数值；
  • 支持 开启雨特效。可设置雨速度，大小，粒子数量等参数值；
  • 支持 开启雪特效。可设置雪速度，大小，粒子数量等参数值；
  • 支持 开水特效。可设置水形状，大小，颜色，水流动方向等参数值；
  • 以上特效支持重置为默认值

导出

• • 支持导出类型 .glTF/.glb/格式选择；
  • 支持导出设置 纹理尺寸，TRS；
  • 支持渲染设置 启用SSAA 采样级别，启用FXAA；
  • 支持录制设置 解码类型，比特率，导出格式，帧率 ；

 

五、发布地址

爱发电：https://afdian.com/a/designer_aron

 

六、会员服务

• 按月付费，加会员群，帮助解疑
• 咨询QQ群: 879680256   微信: 806061666