Noise

Creating natural-looking textures and motion by generating pseudo-random values that smoothly transition across space or time.

In this lesson

  1. Why noise?
  2. Implementation
  3. Experiments
  4. Notes
  5. Utilities
  6. Links to additional resources

Topics: noise · creative coding · shader programming · noise · WebGPU · WGSL · Three.JS technique · TSL · Three.JS Shading Language

Get the course to access this content

What's included in the course ↓

Pro access to the full course: master 12+ shader techniques, 60+ utilities, 171+ shader breakdowns with full code, and downloadable R3F and vanilla projects.

One single payment. No subscription required. 30-day money-back guarantee. No questions asked.

1st anniversary sale: 33% off until Sept 17
Curriculum
Works171
Writing45
1st anniversary sale: 33% off until Sept 17

Fragments

Learn creative coding with shaders. For design engineers, creative coders and shader artists: techniques, tools, deep dives. Powered by ThreeJS and TSL.

New techniques, breakdowns and shader experiments — straight to your inbox.

2026 Phobon

phobon.ioartifice.shshadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

X @thenoumenonhey@fragments.supplyOKAY DEV @phobon
All rights reserved.
Fragments/Techniques/Noise

  • Thinking in Code
  • Geometric ShapesFree
  • Procedural Color Palettes
  • Domain Repetition
  • Kaleidoscopic Fractal
  • Noise
  • Mesh Gradient
  • Interactivity
  • Raymarching
  • Flow Field
  • Pixel Sorting
  • Cellular AutomataNew

Get the course ↵
ProMost popularFull access to the entire Fragments collection. Includes all techniques, utilities, breakdowns and all future updates
  • ✓ 12 long-form technique lessons
  • ✓ 7 fundamentals lessons
  • ✓ 60 workflow enhancing utilities
  • ✓ 171+ full shader breakdowns
  • ✓ Downloadable R3F and Vanilla projects
  • ✓ Access to community Discord
Get Pro →$199$133USDFundamentalsAccess to foundational shader techniques and utilities
  • ✓ 5 foundational long-form technique lessons
  • ✓ 7 fundamentals lessons
  • ✓ 24 foundational workflow enhancing utilities
  • ✓ 71 full shader breakdowns
  • ✓ Downloadable R3F and Vanilla projects
  • ✓ Access to community Discord
Get Fundamentals →$99$66USD
You'll be redirected to our secured payment platform and get instant access.