网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-21 09:13:51

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

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

设置灯光效果

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

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

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

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

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

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

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

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

编写 shader

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

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

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

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

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

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

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

ThingJS平台快速搭建3D可视化环境和效果的步骤
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com