threejs-spectral-ocean

Community

Create procedural oceans in Three.js with WebGPU and TSL

Authorlinegel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill generates procedural oceans in Three.js, leveraging WebGPU and TSL for efficient rendering and high-fidelity visual effects.

Core Features & Use Cases

  • Procedural Ocean Generation: Builds large, unbounded-looking water surfaces with realistic wave dynamics.
  • WebGPU and TSL: Utilizes WebGPU for efficient GPU-based rendering and TSL for Three.js integration.
  • Use Case: Designers and developers can use this Skill to create advanced real-time graphics systems, such as scientific or explanatory views, inspected products, and environments with detailed ocean simulations.

Quick Start

Use the threejs-spectral-ocean skill to generate a procedural ocean and apply it to your Three.js scene.

Dependency Matrix

Required Modules

threethree-webgputhree-tslfft

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

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.