请选择 进入手机版 | 继续访问电脑版
分享
首页 资讯 优锘新闻 查看内容

ThingJS效果模板使用指南

发表于 2022-9-8 18:15
zzv_icon464 zzr_icon0
摘要: ThingJS效果模板是一种作用于ThingJS 3D场景的可产生酷炫附加预设效果呈现的资源组合包。ThingJS效果模板可使一个普通建模和搭建的3D场景在加载效果模板后,一次性呈现出效果模板预设的样式效果,这种效果在色调、材 ...

ThingJS效果模板是一种作用于ThingJS 3D场景的可产生酷炫附加预设效果呈现的资源组合包。ThingJS效果模板可使一个普通建模和搭建的3D场景在加载效果模板后,一次性呈现出效果模板预设的样式效果,这种效果在色调、材质、反射、明暗、风格、附加特效等方面都会转变成效果模板设定。

设计良好的商业级ThingJS效果模板使用,可使用户搭建的普通3D场景快速达成商业效果设计师水准的效果呈现,低成本输出酷炫可视化效果。可以说,ThingJS效果模板的推出,让3D可视化商业应用进一步降低了门槛。

ThingJS效果模板使用指南

本文是对ThingJS效果模板使用的快速入门指南。学习完本文,应该就可基本掌握ThingJS效果模板原理和基础使用。举一反三熟悉应用,就可发挥出ThingJS平台推出的各套效果模板威力,成为数字孪生3D可视化应用达人。

一、  官方标签(以太空旅客Day为例)

本文以ThingJS效果模板中典型的“太空旅客Day”模板为例进行介绍。

ThingJS效果模板基本设计思路是将一个3D场景中的常见物体进行标签化定义,然后由效果设计师所做的整体效果设计就可分解落实到这些标签化物体上。效果的调节、控制,由这些分解后的物体对象(标签)来承载。也就是说,如果需要调节效果模板效果,可通过修改这个效果模板里物体对象(标签)的效果来实现。

而从效果模板使用者角度,如果效果模板使用者希望自己的3D场景能在特定效果模板作用下呈现出效果模板原设计的良好效果,那就可以注意一下自己场景的各物体的标签定义,可以通过设置、更改、细化场景中各物体的标签定义,来使原效果模板设计的细节得到良好表达。

1、 标准场景标签

ThingJS的每套效果模板原则上预设了14种标签的效果(除去适用于3D Max导出文件的标签,共11种),列表如下:

ThingJS效果模板使用指南

注:未打标签的物体默认为Thing标签。未打标签且没有添加idname等任何自定义属性的物体默认为Object标签。

LogoFacadeMainWinFacadeMainGlass暂时只支持3D Max导出的.tjs文件。

下面,我们看下ThingJS 3D可视化开发平台默认场景,在默认标签的情况下叠加太空旅客Day效果模板后会有什么变化?

ThingJS效果模板使用指南

在默认场景中,并未给除主建筑之外的角色设置标签,所以将未打标签,但有idname属性的角色标签自动识别为“物体”,将未打标签且未设置idname属性的角色标签自动识别为“小品”。

室内的地板、天花板、屋顶、墙、门窗都自带属性。

当太空旅客Day效果模板应用到上面场景后,因上面场景各物体对象有默认标签,标签在发挥作用后,各物体对象在相应标签的效果模板设定作用下,分别呈现以下效果:

ThingJS效果模板使用指南

2、 添加官方场景未设置的标签

在官方默认的场景中,缺少两种标签:“辅楼”、“树”,那么想要呈现官方效果模板预设效果,需要为已有物体修改标签或者新增物体。

标签的设置有两种方法:

1、在森园区中修改标签:

ThingJS效果模板使用指南

      2、在模模搭里设置自定义属性:

ThingJS效果模板使用指南

新的标签设置好后,下图是在默认场景下添加“辅楼”和“树”标签之后的整体效果:

ThingJS效果模板使用指南

当太空旅客Day效果模板应用到已新增标签场景后,新增的标签分别呈现以下效果:

ThingJS效果模板使用指南

二、  添加自定义标签效果

官方的效果模板提供了14种物体的效果,但是格局实际业务,场景中可能存在更多的物体,并且想要通过自己的设计呈现出更满意的效果,那么效果编辑器就可以很好的解决这个问题。

可以从场景现有的物体下手,给场景里的物体设置不同标签,并在效果编辑器里针对对应的标签设置自定义效果。不过这里需要强调的是,这个方法是完全新建的一套自定义模板,与官方效果模板不同。

下面介绍如何为物体添加标签并设置效果:

1、 为模型添加标签

在森园区(https://campus.thingjs.com/#/zh)中打开需要修改标签的场景,选中物体-新增标签-设置标签名称并保存-在标签分类中选中新增标签:

ThingJS效果模板使用指南

2、 为新标签设置效果

进入效果编辑器(https://campusstyle.thingjs.com/):

ThingJS效果模板使用指南

在个人效果里新建效果,点击自定义,选中已添加的标签并保存,点击自定义标签,设置效果,举一反三即可自定义所有标签的效果:

ThingJS效果模板使用指南

3、 应用效果模板

点击已修改的效果,应用模板:

ThingJS效果模板使用指南

4、 在线开发引用效果模板

个人效果模板保存,会同步至在线开发(https://www.thingjs.com/guide/?m=sample),只需在ThingJS低代码开发里,点击效果模板面板-个人效果,双击引用,运行项目即可:

ThingJS效果模板使用指南

通过以上步骤,就可以无需开发,便生成属于自己的炫酷场景了。