www.xbdev.net
xbdev - software development
Wednesday May 7, 2025
Home | Contact | Support | Fractals Natures pattern... | Fractals Interactive Visualization Fractal Brownian Motion Noise...
     
 

Fractals

Interactive Visualization Fractal Brownian Motion Noise...

 

Fractal Brownian Motion (fBm) Noise

Fractal Brownian Motion (fBm) is a method for generating natural-looking noise by combining multiple layers ("octaves") of noise at different frequencies and amplitudes.

To help you understand what and how fBm works - I've put together a couple of interactive visualizations that show how the concept works - the following lets you adjust the number of octabes, frequencies and amplitudes in real-time using sliders - and you can see the final generated noise (both in 1d and in 2d). Parameters
  • Octaves: Number of noise layers combined. More octaves create more detail.
  • Lacunarity: Frequency multiplier between octaves (how much detail is added at each step).
  • Gain/Persistence: Amplitude multiplier between octaves (how much each layer contributes to the result).

Each octave is a noise function with higher frequency (determined by lacunarity) and lower amplitude (determined by gain) than the previous one. When summed together, these create complex, fractal-like patterns that resemble natural phenomena like terrain, clouds, or textures.




1D (Height) Fractal Brownian Motion (fBM) - Layered Noise Visualization

Each color shows a different octave (layer). Final white line is the combined fBM.

5
0.50
2.00



2D (Slide) Fractal Brownian Motion Noise Visualization

3 2 0.5









101 WebGPU Programming Projects. WebGPU Development Pixels - coding fragment shaders from post processing to ray tracing! WebGPU by Example: Fractals, Image Effects, Ray-Tracing, Procedural Geometry, 2D/3D, Particles, Simulations WebGPU Games WGSL 2d 3d interactive web-based fun learning WebGPU Compute WebGPU API - Owners WebGPU Development Cookbook - coding recipes for all your webgpu needs! WebGPU & WGSL Essentials: A Hands-On Approach to Interactive Graphics, Games, 2D Interfaces, 3D Meshes, Animation, Security and Production Kenwright graphics and animations using the webgpu api 12 week course kenwright learn webgpu api kenwright programming compute and graphics applications with html5 and webgpu api kenwright real-time 3d graphics with webgpu kenwright webgpu for dummies kenwright webgpu wgsl compute graphics all in one kenwright webgpu api develompent a quick start guide kenwright webgpu by example 2022 kenwright webgpu gems kenwright webgpu interactive compute and graphics visualization cookbook kenwright wgsl webgpu shading language cookbook kenwright WebGPU Shader Language Development: Vertex, Fragment, Compute Shaders for Programmers Kenwright WGSL Fundamentals book kenwright WebGPU Data Visualization Cookbook kenwright Special Effects Programming with WebGPU kenwright WebGPU Programming Guide: Interactive Graphics and Compute Programming with WebGPU & WGSL kenwright Ray-Tracing with WebGPU kenwright



 
Advert (Support Website)

 
 Visitor:
Copyright (c) 2002-2025 xbdev.net - All rights reserved.
Designated articles, tutorials and software are the property of their respective owners.