/en/tags/noise/Recent content in Noise on Feynman's BlogHugoen-USMon, 31 Aug 2026 12:00:00 +0800/en/posts/threejs-noise/Mon, 31 Aug 2026 12:00:00 +0800/en/posts/threejs-noise/<blockquote class="blockquote-regular"> <p>In the previous lesson, we used GLSL math functions to draw shapes and gradients. This lesson enters the &ldquo;soul tool&rdquo; of shaders — noise functions: from random&rsquo;s snow to Perlin&rsquo;s continuous clouds, from single-layer noise to FBM&rsquo;s fractal detail, ultimately driving clouds, terrain, fire, and vertex deformation.</p> </blockquote> <p><img src="/images/2026-07-07_series_threejs-creation-diary/12_noise/demo.gif" alt="Running effect: Noise function demo"></p> <h2 id="01-learning-objectives">01 Learning Objectives</h2> <p>This lesson focuses on noise function principles and practice:</p> <ul> <li>Understand the core differences between Perlin Noise and Simplex Noise</li> <li>Master FBM (Fractal Brownian Motion) principles and applications</li> <li>Learn to create organic effects with noise (clouds, terrain, fire)</li> <li>Understand vertex deformation using noise in vertex shaders</li> <li>Master two ways to animate noise (moving sample point / changing frequency)</li> </ul> <h2 id="02-what-is-noise--continuous-pseudorandom-function">02 What Is Noise — Continuous Pseudorandom Function</h2> <p>Noise is a <strong>continuous pseudorandom function</strong>: neighboring points have similar values, but the overall pattern appears random.</p>