Sketches120Writing18

Fragments

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

Be the first to know what's next

2025 Phobon

phobon.io↗Shadercraft↗

Pages

Home↗Techniques↗Utilities↗Sketches↗Writing↗

Contact

X @thenoumenon↗hey@fragments.supply↗
All rights reserved.
13

Genuary 14

Genuary 2025 prompt: pure black and white, no gray. High-contrast raymarching study.

↵Sketches←→
Genuary 14
↑
ImplementationBreakdownPure Binary AestheticsRaymarching Foundation2D Rotation MatrixComplex Scene SDFRaymarchingBinary Color OutputTechnical Achievement

Technique

raymarching↗

Utils

  • Boilerplate Project↗
  • WebGPU Scene↗
  • Sketch Component↗
  • Color Space Correction↗
  • SDF Shape Functions↗
  • SDF Operations↗
  • screenAspectUV↗
↵Sketches
←→
Log in to see the Breakdown ↵

genuary202528

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
Genuary 1

Genuary 1

Genuary 2

Genuary 2

Genuary 3

Genuary 3

Genuary 4

Genuary 4

Genuary 5

Genuary 5

Genuary 6

Genuary 6

Genuary 8

Genuary 8

Genuary 9

Genuary 9

Genuary 10

Genuary 10

Genuary 11

Genuary 11

Genuary 12

Genuary 12

Genuary 13

Genuary 13

Genuary 15

Genuary 15

Genuary 16

Genuary 16

Genuary 17

Genuary 17

Genuary 18

Genuary 18

Genuary 19

Genuary 19

Genuary 20

Genuary 20

Genuary 22

Genuary 22

Genuary 23

Genuary 23

Genuary 24

Genuary 24

Genuary 25

Genuary 25

Genuary 26

Genuary 26

Genuary 27

Genuary 27

Genuary 28

Genuary 28

Genuary 29

Genuary 29

Genuary 30

Genuary 30

Genuary 31

Genuary 31