ThingJS平台快速搭建3D可视化环境和效果的步骤

2025-04-19 05:29:00

灯光对于场景效果有决定性作用,但打灯光是一个很专业的工作,需要些惯栲狠疲理论知识。ThingJS 提供了一套通用方案,方便您设置灯光效果。编写 shader 是个很艰巨的任务,需要掌比谯硇劾握大量 3D 算法知识,还要掌握 shader 语言。不过没关系,ThingJS 替您准备了很多效果,我们使用 `app.postEffect` 接口来设置。

ThingJS平台快速搭建3D可视化环境和效果的步骤

设置灯光效果

1、1.选择在线开发,点击上方工具,选择场景效果;

ThingJS平台快速搭建3D可视化环境和效果的步骤

2、2.在灯光配置项下进行调整,在右侧效果实施显示;

ThingJS平台快速搭建3D可视化环境和效果的步骤

3、3.配置结束后,点击上方生成代码块,在右侧即可快速生成代码块;

ThingJS平台快速搭建3D可视化环境和效果的步骤

4、4.点击上方执行按钮,则会在场景中看到之前设置的效果;

ThingJS平台快速搭建3D可视化环境和效果的步骤

编写 shader

1、1.选择在线开发,点击上方工具,选择场景效果;

ThingJS平台快速搭建3D可视化环境和效果的步骤

2、2.选择后期配置,在下方配置项中进行调整,在右侧效果实施显示;

ThingJS平台快速搭建3D可视化环境和效果的步骤

3、3.配置结束后,点击上方生成代码块,在右侧即可快速生成代码块;

ThingJS平台快速搭建3D可视化环境和效果的步骤

4、4.点击上方执行按钮即可;

ThingJS平台快速搭建3D可视化环境和效果的步骤
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢