关于场景渲染，我们已经发布了两篇，分别聊了HDRI选型(👉点击回顾选对HDRI，让你直接赢在起跑线)、灯光+后处理搭建立体感(👉点击回顾灯光+后处理，一招切出立体感)，但画面还欠缺一丝"叙事感"------原生渲染的色彩有时会显得琐碎，缺乏整体调性。
Mapmost支持的LUT(颜色查找表)能力，为3D场景建立了一套"色彩映射标准"。它能将平淡的渲染输出瞬间转化为特定的艺术风格，是实现场景风格化、消除"塑料感"最高效的手段。
Mapmost场景使用不同的LUT加载效果
一、什么是LUT？
核心概念
LUT(Look-Up Table)翻译过来叫"颜色查找表"。你可以把它想象成一本色彩的"新旧字典"：
**输入：**渲染器输出的原始颜色坐标(比如一个普通的灰色像素)。
**查找：**渲染器去这本"字典"里查阅这个坐标对应的"新坐标"。
**输出：**转换后的目标颜色(比如一个带有电影质感的青蓝色像素)。
图源：zunzheng.com/news/archiv...
为什么要用它？
传统的滤镜往往依赖复杂的实时算法，会占用一定的显卡计算资源；而LUT采用的是"查表法"。它通过预设的映射关系大幅降低了计算开销，却能实现极为复杂的色彩偏移、对比度拉伸和饱和度重组，是目前Web端实现场景高级感的一种轻量化方案。
二、制作：如何做一个适配Mapmost的滤镜？
**制作LUT的核心逻辑是：**在专业软件中完成艺术调优，并将这种"映射关系"刻录成轻量化的数据文件。你可以根据项目需求，选择手动制作专属滤镜，或者直接利用成熟的外部LUT资源。
方法A：基于当前场景手动制作
这种方式能最精准地匹配当前场景的光影环境。
1.准备基准底片
在Mapmost预览窗口截取一张当前场景的图片(包含建筑、绿化、天空等核心元素)。这张图将作为你的"调色参照物"。
2.在图像处理软件中建立调色链路
将截图导入Photoshop等软件，通过调整图层完成风格化。
**基础操作：**在图层面板下方点击圆形图标，新建"调整图层"(如曲线、色彩平衡等)进行调色。
**核心原理：**LUT记录的是全局色彩的映射关系，因此调色需基于全局视野进行。
**技巧点拨：**调色过程中应避免使用蒙版、画笔或液化等涉及局部像素改动的工具。只有保持全局调整，才能确保导出的LUT效果能够精准还原。
使用PS制作LUT步骤
3.导出颜色查找表
调好色后，点击菜单：文件 -> 导出 -> 颜色查找表 。
网格点(Grid Points)：建议选择33。这是性能与精度的平衡点，能确保在 Web端加载顺滑且色彩过渡细腻。
格式：勾选CUBE。建议将导出后文件后缀名保持为大写的.CUBE，方便系统识别。
导出LUT选项
方法B：使用下载的LUT资源
互联网上有大量成熟的电影级LUT资源(如在FreshLUTs或专业调色素材站下载的资源)，通过简单的标准化处理即可在Mapmost中使用。
freshluts官网：freshluts.com/
1.获取资源
下载适合城市数字孪生或工业场景的.CUBE格式滤镜。
2.标准化适配
由于不同软件生成的LUT可能包含不同的文件头注释，建议在PS中进行一次"标准化转换"。
**操作步骤：**在PS中新建一个"颜色查找"调整图层，载入该下载文件，确认色彩显示正常。
**导出保存：**确认色彩正常后，按照前文提到的"网格点33+CUBE格式"重新导出。这样可以剔除冗余信息，确保在Web端环境下获得更好的兼容性。
使用建议：
虽然方法B提供了丰富的素材选择，但仍建议大家优先使用方法A。这种方式能最大化地结合项目实际画面进行针对性调整，不仅整体效果更具原创性与可控性，且方便后期根据项目需求进行反复微调。
三、在Mapmost应用LUT
在Mapmost中，应用滤镜非常简单，直接调用setLutEffect接口即可。
arduino
map.on('load', function () {
map.setLutEffect(true, { //开启关闭滤镜效果
lut: './LUT/test2.CUBE', //CUBE类型的lut链接
intensity: 0.8 //滤镜强度
})
})注意:CUBE资源服务器的跨域配置，或者检查浏览器的WebGL支持情况。
参数解析：
lut: 指向你制作并导出的风格文件链接。
intensity: 控制风格化的干预浓度。建议设置在0.8左右，这样既能赋予场景鲜明的调性，又能保留原始光影的质感，视觉效果最自然。
结尾
从HDRI奠定的环境底色，到灯光勾勒的模型结构，再到LUT完成的风格化闭环，Mapmost为开发者构建了一套完整的视觉交付流。
至此，**《Mapmost渲染指北》**系列正式收官。 希望这套推荐的工作流，能帮助您在Mapmost平台上快速构建出具备行业领先水准、兼具物理真实与艺术美感的数字孪生项目
立即体验，开始三维开发之旅！
👉 点击访问官网免费试用： www.mapmost.com/#/productMa...