跳转到使用指南
Three.js Lighting作者 CloudAI-X

Three.js Lighting Skill.

通过有明确意图的照明设置让模型清晰可辨,而不是不加区分地提高亮度。

  • 3D
  • Three.js
来源审查 · Three.js LightingSKILL.md
任务 3D 产出 • 具有明确分工的灯光布置 • 阴影投射与接收设置 • 环境与性能方案 开始之前 需要一个可正常运行的 Three.js 项目和渲染器;请根据已安装的版本核对来源示例。额外的控制器和加载器取决于所选方案。
编辑摘要 · 来源审查于 2026-10-07 · 并非生成的示例

01 功能说明

Three.js Lighting:塑造光线与阴影

灯光选择、阴影配置、HDR 环境以及实用的照明布置。

基于来源的工作流程并非执行性能基准测试

工作方法

Three.js Lighting 区分环境光、半球光、平行光、点光源、聚光灯和矩形区域光。这些选择在方向性、阴影支持、材质响应和成本方面各有不同。来源还涵盖环境照明以及影棚或户外照明布置。

阴影设置是一个涉及渲染器、灯光和对象的链条。紧凑的覆盖范围和选择性投射与分辨率同样重要。部分示例使用特定版本的 API。应用前,请根据已安装的 Three.js 版本核对灯光类型和辅助工具的导入方式。

预期交付成果

  • 具有明确分工的灯光布置
  • 阴影投射与接收设置
  • 环境与性能方案
查看示例任务简述

从任务简述到审查

  1. 01
    定义灯光角色

    根据场景选择补光、定向阳光、聚焦照明或影棚式光源。

  2. 02
    配置阴影

    同时检查渲染器、灯光和对象设置,然后检查覆盖范围与偏差值。

  3. 03
    审查表面效果

    在增加灯光数量或阴影分辨率之前,先评估预期使用的材质和环境。

02 适用场景

适用场景

需要一个可正常运行的 Three.js 项目和渲染器;请根据已安装的版本核对来源示例。额外的控制器和加载器取决于所选方案。

适合的用途

  • 产品展示主光、补光和轮廓光之间的配合可以让物体的形态清晰可辨。
  • 户外场景定向阳光和半球补光可提供一个明确的日光照明起点。

需要检查的限制

  • 阴影支持不一致来源区分了原生支持阴影的灯光与需要采用其他方案才能产生阴影的灯光。
  • 受版本影响的辅助工具必须根据已安装的版本核对高级阴影辅助工具及其导入方式。

请提供这些输入

  • 场景比例提供对象尺寸和需要阴影覆盖的区域。
  • 材质选择指出哪些表面的响应效果至关重要。
  • 照明参考描述预期的影棚或户外氛围。

03 关键决策

关键决策

  1. 系统化诊断阴影

    检查所有参与环节比盲目提高阴影贴图尺寸更有用。

  2. 聚焦覆盖范围

    严格限定阴影相机的范围,可将细节集中在有效区域。

04 示例任务

尝试聚焦的任务简述

以下示例任务简述尚未经过测试。使用前请检查该技能的设置说明。

检查设置

将相关的 threejs-skills 目录用作智能体指南。它不是 Three.js 运行时,也不会安装场景资源。

上游源文件
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-lighting/SKILL.md

需要一个可正常运行的 Three.js 项目和渲染器;请根据已安装的版本核对来源示例。额外的控制器和加载器取决于所选方案。

从一项交付成果开始

运行该技能前,请调整此任务简述中的范围、来源材料和约束条件。

示例任务简述
使用 threejs-lighting 为此产品创建一套克制的影棚照明。说明每盏灯的作用,验证材质兼容性,并且只启用必要的阴影。提高分辨率前,请检查阴影痤疮(自阴影伪影)、阴影与对象分离的问题以及渲染成本。

检查结果

根据这些可观察的标准检查实际输出。

  • 重要表面保持清晰可辨。
  • 阴影设置与预期投射和接收阴影的对象相匹配。
  • 已审查可见伪影和渲染成本。

OpenDesign 为编码智能体提供本地设计工作区。此处列出该技能并不意味着它已被捆绑提供,也不意味着其外部工具、凭据和软件依赖项已包含在内。

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版。上游行为和要求可能发生变化。

来源所有者
CloudAI-X
许可证
尚未确认——重用前请查阅上游条款。
已审查的快照
2026-10-07 · b1c623076c66
编辑来源摘要
灯光选择、阴影配置、HDR 环境以及实用的照明布置。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数是带有时间属性的受欢迎程度指标,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

环境照明与背景相同吗?

不同。来源分别对 scene.environment 和 scene.background 进行赋值。

只在网格上设置 castShadow 就足够了吗?

不够。渲染器、灯光和接收阴影的表面也参与其中。

所有灯光都应该投射阴影吗?

来源建议有选择地使用阴影并限制灯光数量。

OpenDesign

为下一轮设计迭代留出空间。

将任务简述、来源材料和设计工作集中保存在本地工作区中。将该技能加入工作流程前,请检查其自身的设置说明。

上游源文件
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-lighting/SKILL.md