원클릭으로 Manus에서 모든 스킬 실행

threejs-volumetric-clouds

스타2

포크0

업데이트2026년 6월 22일 12:24

Implement volumetric cloud systems in Three.js. Use for weather-driven density, bounded raymarching, shape/detail erosion, vertical profiles, lighting cones, silver lining, temporal reconstruction, cloud shadows, multiple layers, and scalable quality modes.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

DotanVG

DotanVG/Orbital-Breach

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Volumetric Clouds

Cloud quality comes from density organization, lighting, and temporal stability—not from increasing march steps over unstructured noise.

System order

Define the cloud volume and layer bounds.
Generate or source weather, base-shape, detail, and turbulence fields.
Build a density function with vertical and weather profiles.
Raymarch only the bounded occupied segment.
Integrate transmittance and lighting front-to-back.
Reconstruct low-resolution output temporally.
Project a separate low-cost cloud-shadow solution.

Read references/weather-volume-and-reconstruction.md before implementing or auditing the cloud system.

Read the weather volume cloud shader and temporal effect wrapper for weather-layer ownership, spherical shell bounds, authored shape/detail sampling, directional optical depth, low-resolution rendering, and history diagnostics.

Required controls

coverage, cloud type, precipitation, and anvil bias;
base/top altitude and vertical density profile;
shape/detail scales and erosion;
wind for each field;
primary step count, light step count, and empty-space policy;
history weight and disocclusion threshold;
cloud-shadow extent, resolution, and update rate.

Failure conditions

density is only fbm(position);
the raymarch traverses the full camera range;
detail noise adds density instead of eroding shaped masses;
temporal history is accepted across disocclusion;
shadows use the full beauty raymarch;
every cloud layer shares the same wind and density profile.

Routing boundary

Use $threejs-atmosphere-aerial-perspective for molecular/aerosol scattering without weather density. This skill owns weather-shaped cloud volumes, reconstruction, cloud lighting, and cloud shadows.

이 저장소의 다른 Skills

같은 저장소

threejs-atmosphere-aerial-perspective

DotanVG/Orbital-Breach

Implement physically motivated sky and aerial-perspective systems in Three.js. Use for planetary atmospheres, ground-to-space transitions, Rayleigh/Mie scattering, precomputed LUTs, depth-based transmittance and inscattering, sun/moon discs, and atmosphere-aware lighting.

2026-06-222

threejs-bloom

DotanVG/Orbital-Breach

Implement production bloom in advanced Three.js scenes. Use for HDR signal ordering, bloom-node controls, dual selective bloom with guaranteed material restoration, scene-relative emissive hierarchy, and effect-isolation diagnostics.

2026-06-222

threejs-camera-direction

DotanVG/Orbital-Breach

Direct advanced Three.js camera systems. Use for scale-aware chase rigs, thrust lag, side/orbit cameras, body-relative up vectors, quaternion handoffs, authored cinematic framing, floating origins, pointer-look controls, camera collision constraints, projection ownership, and lifecycle restoration.

2026-06-222

threejs-exposure-color-grading

DotanVG/Orbital-Breach

Build a measured exposure and grading path in Three.js. Use for a 64x36 encoded luminance meter, asynchronous readback, weighted log-average exposure, asymmetric adaptation, single tone-map ownership, and a generated 32-cube post-tone-map LUT.

2026-06-222

threejs-image-pipeline

DotanVG/Orbital-Breach

Build a deliberate final-image pipeline for advanced Three.js scenes. Use for depth, normal, albedo, and history ownership; GTAO or bent normals; bloom; eye adaptation; tone mapping; 3D LUT grading; effect-local render targets; and pass diagnostics.

2026-06-222

threejs-procedural-animation

DotanVG/Orbital-Breach

Build advanced procedural animation in Three.js. Use for launch kinematics, gravity turns, staging, spin docking, target-frame decomposition, spring-follow motion, rotating-frame alignment, peeling debris, analytic transform timelines, frame-rate-independent response, and quaternion control.

2026-06-222

name	threejs-volumetric-clouds
description	Implement volumetric cloud systems in Three.js. Use for weather-driven density, bounded raymarching, shape/detail erosion, vertical profiles, lighting cones, silver lining, temporal reconstruction, cloud shadows, multiple layers, and scalable quality modes.

Volumetric Clouds

Cloud quality comes from density organization, lighting, and temporal stability—not from increasing march steps over unstructured noise.

System order

Define the cloud volume and layer bounds.
Generate or source weather, base-shape, detail, and turbulence fields.
Build a density function with vertical and weather profiles.
Raymarch only the bounded occupied segment.
Integrate transmittance and lighting front-to-back.
Reconstruct low-resolution output temporally.
Project a separate low-cost cloud-shadow solution.

Read references/weather-volume-and-reconstruction.md before implementing or auditing the cloud system.

Required controls

coverage, cloud type, precipitation, and anvil bias;
base/top altitude and vertical density profile;
shape/detail scales and erosion;
wind for each field;
primary step count, light step count, and empty-space policy;
history weight and disocclusion threshold;
cloud-shadow extent, resolution, and update rate.

Failure conditions

density is only fbm(position);
the raymarch traverses the full camera range;
detail noise adds density instead of eroding shaped masses;
temporal history is accepted across disocclusion;
shadows use the full beauty raymarch;
every cloud layer shares the same wind and density profile.

Routing boundary

Use $threejs-atmosphere-aerial-perspective for molecular/aerosol scattering without weather density. This skill owns weather-shaped cloud volumes, reconstruction, cloud lighting, and cloud shadows.