threejs-ambient-contact-shading

Community

Design and implement ambient visibility in Three.js WebGPU scenes

Authorlinegel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive framework for designing and implementing ambient visibility in Three.js WebGPU scenes, addressing challenges related to indirect lighting, occlusion, and visual quality.

Core Features & Use Cases

  • Ambient Occlusion: Implements ambient occlusion algorithms for realistic lighting and shadowing effects.
  • Reconstruction: Offers options for reconstructing normals and depth information for improved visual quality.
  • Temporal Filtering: Provides temporal filtering options for maintaining consistent visual quality over time.
  • Quality Gates: Includes quality gates to ensure that the implemented algorithms meet specific performance and visual criteria.
  • Use Case: Imagine you are developing a Three.js WebGPU scene with complex lighting and occlusion requirements. Use this Skill to implement ambient occlusion and other features that enhance the visual realism of your scene.

Quick Start

Use the threejs-ambient-contact-shading skill to apply ambient occlusion to your scene with the following command: threejs-ambient-contact-shading apply-ao --radius 0.5 --thickness 0.25

Dependency Matrix

Required Modules

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: threejs-ambient-contact-shading
Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-ambient-contact-shading

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.