DevelopmentMédio

Three.js Lighting

porcloudai-x·cloudai-x· v1.0.0 · atualizado em 2026-04-10

Score

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

threejs3d-graphicslightingwebglrenderingshadows

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdthreejs-lighting/workflow

Choose Light Type — : Select the appropriate light type (Ambient, Directional, Point, Spot, RectArea) based on the desired effect.

Create Light — : Instantiate the chosen light type with desired color and intensity.

Set Position — : Position the light in the scene.

Configure Shadows — : Enable and configure shadows if needed, adjusting map size, camera parameters, and bias.

Add to Scene — : Add the light to the Three.js scene.

Add Light Helpers — : Add light helpers for easier visualization and manipulation.

Enable Shadows on Renderer — : Enable shadow mapping on the renderer and select a shadow map type.

Enable Shadows on Objects — : Set `castShadow` and `receiveShadow` properties on relevant objects.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comThree.js Materials

70%

Compõe comThree.js Post-Processing

70%

Compõe com ←Three.js Loaders

70%

60%

Árvore do Skill

Three.js Lighting

threejs-lighting

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers8

add lighting to a three.js sceneconfigure shadows in three.jsset up environment lighting in three.jsoptimize lighting performance in three.jscreate a directional light in three.jscreate a point light in three.jscreate a spotlight in three.jscreate a rect area light in three.js

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download threejs-lighting

$ synaptic skills detail threejs-lighting

$ synaptic skills live threejs-lighting

Dependências

three three/examples/jsm/helpers/RectAreaLightHelper.js three/examples/jsm/lights/RectAreaLightUniformsLib.js three/examples/jsm/objects/ContactShadows.js three/examples/jsm/loaders/RGBELoader.js three/examples/jsm/lights/LightProbeGenerator.js

Links

GitHub Repository