Tag

Rain Effect

0 views collected around this technical thread.

Rare Earth Juejin Tech Community

Jun 12, 2024 · Frontend Development

Creating a Realistic Rain Effect with Depth Rendering in three.js

This tutorial demonstrates how to create a realistic rain effect in three.js by generating depth maps with an orthographic camera, rendering them to a texture, and using custom shaders to position and fade raindrop meshes based on depth information.

JavaScriptRain EffectShader

0 likes · 13 min read

Creating a Realistic Rain Effect with Depth Rendering in three.js

Rare Earth Juejin Tech Community

Sep 15, 2023 · Frontend Development

Implementing Realistic Rain Effects on a Map Using Three.js and Custom Shaders

This article explains how to create a realistic, map‑based rain effect with Three.js by designing a 3D particle system, writing custom vertex and fragment shaders, integrating the layer into a map scene, and extending it to support wind and snow effects.

Map IntegrationRain EffectShader

0 likes · 15 min read

Implementing Realistic Rain Effects on a Map Using Three.js and Custom Shaders