3d-falling-leaves

Implements instanced falling leaves with tumble, wind drift, and occlusion in Three.js scenes.

6.3k|743|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/MengTo/Skills --skill 3d-falling-leaves-mengto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 3d-falling-leaves
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-falling-leaves
Command: npx skills add https://github.com/MengTo/Skills --skill 3d-falling-leaves-mengto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating believable falling foliage in 3D scenes is hard: naive particle systems produce leaves that never turn edge-on, drift independently of their tumble, pop visibly when recycled, and fall through roofs or interior geometry. This Skill provides a proven implementation playbook for natural-looking 3D falling leaves. ## Core Features & Use Cases - Convincing Leaf Rendering: Build two-sided leaf meshes with distinct front/back appearance, padded texture atlases, and correct alpha testing or blending with depth handling. - Coupled Tumble and Drift: Assign persistent seeded per-leaf values and couple lateral slip to tumble angle so leaves slip fastest when edge-on, plus shared wind fields with bounded simulation steps. - Instancing and Camera-Aware Recycling: Use InstancedMesh with seeded attributes, wrap leaves outside the visible volume ahead of the camera, and hide resets behind fog or smoothstep boundary fades. - World Integration: Depth-test against architecture, exclude interior volumes, match shadow passes, and drive palette and density from seasonal state. - Use Case: Add an autumn leaf field to a Three.js landscape where leaves tumble realistically, drift with wind, occlude behind buildings, and recycle invisibly as the camera moves. ## Quick Start Use the 3d-falling-leaves skill to add instanced falling leaves with realistic tumble, wind, and scene occlusion to my Three.js scene.

Frequently Asked Questions about 3d-falling-leaves

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
When should I use a 2D canvas overlay instead of 3D falling leaves?▼

Use a 2D canvas overlay when leaves are a decorative screen-space effect that does not need to interact with scene geometry, lighting, or camera movement. Use the 3D approach when leaves must occlude behind architecture and respond to world-space wind.