# ComfyUI-Environment-Visualizer 插件保姆级教程 ## 1. 插件简介 **插件地址：** https://github.com/willchil/ComfyUI-Environment-Visualizer 这个插件就像一个神奇的"全景图转3D房间"的魔法工具！它能把你的平面全景照片（就像手机拍的那种360度全景图）变成一个真正的3D虚拟环境，让你可以戴上VR眼镜或者在电脑上像玩游戏一样"走进"这个环境里看风景。 **能给我们带来什么效果？** - 把普通的全景图片变成可以"走进去"的3D空间 - 支持VR设备体验，就像真的站在那个地方一样 - 可以保存多个不同的3D环境，随时切换体验 - 支持深度信息，让3D效果更真实（近的物体凸出来，远的物体凹进去） ## 2. 如何安装 有两种安装方法，推荐第一种： **方法一：ComfyUI管理器安装（推荐）** 1. 打开ComfyUI 2. 点击"Manager"按钮 3. 在搜索框输入"Environment Visualizer" 4. 找到对应插件点击"Install" 5. 重启ComfyUI **方法二：手动安装** 1. 打开ComfyUI安装目录下的`custom_nodes`文件夹 2. 在命令行中运行：`git clone https://github.com/willchil/ComfyUI-Environment-Visualizer.git` 3. 重启ComfyUI **特别提醒：** 安装后ComfyUI会自动启动一个网页服务器（默认端口4443），用来展示3D环境。如果不使用这个插件时，建议在ComfyUI管理器中临时禁用它。 ## 3. 节点详细解析 ### 3.1 EnvironmentVisualizer节点 - 3D环境制作器 这个节点就像一个"3D房间制作机"，它把你的全景图片和深度图片组合在一起，做成一个可以体验的3D虚拟空间。 **参数详解：** | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | |:---|:---|:---|:---|:---|:---|:---| | 全景图输入 | panoramic | 图片 | 2048x1024 | 就像给房间贴墙纸，这是你要变成3D环境的全景照片 | 接受2:1比例的全景图像作为天空盒纹理 | 连接一张海滩全景图，制作海边3D环境 | | 深度图输入 | depth | 图片(可选) | 2048x1024 | 就像告诉电脑哪里凸哪里凹，让3D效果更真实 | 可选的深度图输入，用于创建立体效果 | 连接对应的深度图，让山峰凸出来，天空凹进去 | | 环境名称 | environment_name | 文本 | 自定义 | 给你的3D房间起个名字，方便以后找到它 | 环境的标识符，用于文件存储和管理 | 输入"夏威夷海滩"，保存这个3D环境 | | 自动打开 | auto_launch | 开关 | True | 制作完成后自动打开浏览器看效果，像自动播放一样 | 工作流完成后自动在新标签页启动可视化 | 开启后不用手动打开浏览器就能看到3D效果 | ### 3.2 InterpolateEdges节点 - 图片接缝修复器 这个节点就像一个"图片裁缝"，专门修复全景图或深度图边缘的"接缝"问题，让图片看起来更自然。 **参数详解：** | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | |:---|:---|:---|:---|:---|:---|:---| | 输入图片 | image | 图片 | 任意尺寸 | 就像给裁缝一块布，这是要修复接缝的图片 | 接受需要边缘插值处理的图像 | 连接有明显接缝的深度图或全景图 | | 平滑像素数 | smooth_pixels | 数字 | 10-50 | 就像调节修复范围，数字越大修复得越宽 | 在每个垂直边缘上应用平滑的像素数量 | 设置20表示在边缘20个像素范围内进行平滑处理 | ### 3.3 MapEquirectangular节点 - 图片投影转换器 这个节点就像一个"照片投影仪"，能把普通的照片按照特定的相机角度投影到全景图格式上。 **参数详解：** | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | |:---|:---|:---|:---|:---|:---|:---| | 输入图片 | image | 图片 | 任意尺寸 | 就像给投影仪一张照片，这是要投影的原始图片 | 接受要投影到等距柱状投影的图像 | 连接一张普通的风景照片 | | 视野角度 | fov | 数字 | 60-120 | 就像调节相机镜头的"看得多宽"，数字越大看得越宽 | 相机的视野角度，控制投影范围 | 设置90度表示相机能看到90度范围的景物 | | 偏航角 | yaw | 数字 | 0-360 | 就像调节相机左右转动的角度，0度朝前，180度朝后 | 相机的水平旋转角度 | 设置180度可以把图片分割到水平边缘 | | 俯仰角 | pitch | 数字 | -90到90 | 就像调节相机上下看的角度，负数往下看，正数往上看 | 相机的垂直旋转角度 | 设置-30度表示相机向下倾斜30度 | | 横滚角 | roll | 数字 | -180到180 | 就像调节相机左右倾斜的角度，拍照时手机歪了的效果 | 相机的滚动角度 | 一般设置0度保持水平 | | 输出宽度 | output_width | 数字 | 2048 | 就像调节最终全景图的宽度，影响清晰度 | 生成的等距柱状投影图像的宽度 | 设置2048得到2048x1024的全景图 | ## 4. 使用技巧和建议 ### 4.1 制作高质量全景图的小窍门 **生成全景图时的提示词技巧：** - 在提示词中加入"HDRI"、"panoramic image of..."或"360HDR" - 使用专门训练过360度全景图的模型或LoRA - 确保生成图片比例为2:1（如2048x1024） **深度图制作建议：** - 使用Marigold深度估计或Depth Anything等工具生成深度图 - 深度图也要保持2:1比例 - 使用InterpolateEdges节点修复深度图的接缝问题 ### 4.2 参数调节小技巧 **EnvironmentVisualizer节点：** - 环境名称要用英文，避免中文可能导致的路径问题 - 如果不需要立体效果，可以不连接深度图输入 - 建议第一次使用时开启"自动打开"，方便查看效果 **InterpolateEdges节点：** - 平滑像素数建议从10开始尝试，如果接缝还明显就逐渐增加 - 主要用于深度图，对彩色图片效果不太明显 **MapEquirectangular节点：** - 视野角度90度比较适合大多数场景 - 偏航角180度有助于创建无接缝的全景图 - 输出宽度越大越清晰，但也越占用显存 ### 4.3 工作流程建议 1. **准备阶段：** 先用Stable Diffusion或FLUX生成2:1比例的全景图 2. **深度处理：** 用深度估计工具生成对应的深度图 3. **修复接缝：** 用InterpolateEdges节点处理深度图的接缝 4. **环境制作：** 用EnvironmentVisualizer节点制作3D环境 5. **体验效果：** 在浏览器中查看VR效果 ## 5. 常见问题解答 **Q：为什么我的3D环境看起来是平的？** A：可能是没有连接深度图输入，或者深度图质量不好。尝试用更好的深度估计工具重新生成深度图。 **Q：浏览器显示"不安全的连接"警告怎么办？** A：这是正常的，因为插件使用自签名证书。点击"高级"然后"继续访问"即可。 **Q：3D环境的边缘有明显接缝怎么办？** A：使用InterpolateEdges节点处理深度图，调节平滑像素数参数直到接缝消失。 **Q：VR设备如何控制方向？** A：用VR手柄的摇杆控制左右转动，键盘用户可以用A/D键或左右方向键。 **Q：如何更换不同的3D环境？** A：在浏览器页面的下拉菜单中选择之前保存的环境名称即可切换。 **Q：插件占用太多资源怎么办？** A：不使用时在ComfyUI管理器中禁用这个插件，因为它会一直运行网页服务器。 ## 6. 高级应用技巧 ### 6.1 批量制作3D环境 可以设置不同的环境名称，批量制作多个3D场景： - 海滩环境：beach_sunset - 森林环境：forest_morning - 城市环境：city_night ### 6.2 结合其他插件使用 - 配合图片放大插件提高全景图质量 - 结合风格化插件创建艺术感3D环境 - 与视频插件结合制作动态3D环境 ### 6.3 自定义服务器端口 如果默认端口4443被占用，可以修改插件文件夹中server.py文件的SERVER_PORT值。 这个插件为我们打开了从2D到3D的神奇大门，让每个人都能轻松制作自己的虚拟世界。配合VR设备使用，体验效果更佳！快去试试把你最喜欢的风景变成可以"走进去"的3D空间吧！
ComfyUI图像合并插件comfyui-merge使用教程 2025-07-03 22:44 ComfyUI 图像合并插件教程 (comfyui-merge) 1. 插件简介 这是一个专门用来合并图片的 ComfyUI 插件，就像用 PS 把多张图片叠在一起那样。它的特别之处在于你精确控制每张图片的混合方式。 GitHub 地址：https://github.com/LingSss9/com
%20(1).png)
