threejs-water-optics

Community

Generate and simulate complex water surfaces in Three.js with WebGPU/TSL

Authorlinegel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill allows you to build and simulate complex water surfaces in Three.js using WebGPU and TSL, enabling realistic ocean, lake, and coastal scenes with various algorithms and effects.

Core Features & Use Cases

  • Water Surface Generation: Create analytic, bounded, and coastal water surfaces with customizable parameters.
  • Wave Algorithms: Choose from various wave algorithms like parametric Gerstner, linear wave equation, and spectral FFT cascades for different wave characteristics.
  • Optical Effects: Implement realistic water optics with refraction, absorption, Fresnel effects, and caustics.
  • Use Case: Imagine you are developing a game or simulation that requires realistic water environments. This Skill can help you generate ocean scenes, lakes, or rivers with dynamic water movement and realistic optical effects.

Quick Start

Use the threejs-water-optics skill to generate a water surface for a lake scene.

Dependency Matrix

Required Modules

three[email protected]tslthreejs-spectral-ocean

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-water-optics
Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-water-optics

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.