256 Layers of Memory
The story behind The Fold
Inspired by Damascus Steel on Wikipedia
Built with Three.js · ShaderMaterial · ExtrudeGeometry
Techniques Procedural Wave Texture · Multi-Light Specular · Fresnel Reflections · Clearcoat Sheen · Scroll-Driven Layer Animation
Direction Forge a Damascus blade in the browser — scroll to fold steel from 2 layers to 256 while rotating it under studio lighting
Result A WebGL chef knife with a procedural wave-distortion shader where scrolling doubles layers and rotates the blade to catch multi-source specular highlights
The Story
Damascus steel is not decorated. It is remembered.
The distinctive wavy patterns on a Damascus blade are not etched, painted, or carved after the fact. They are the physical record of every fold, every hammer strike, every moment of violence and precision that went into the blade’s creation.
A smith begins with two metals: one hard, one soft. High-carbon steel for the edge. Low-carbon steel for flexibility. They are stacked in alternating layers, heated until glowing, and hammered together. Then folded. Then hammered again.
Each fold doubles the layers. Seven folds: 128 layers. Eight folds: 256. The mathematics is simple. The craft is not.
What emerges is a blade where the pattern IS the process. The waves you see running down the steel are a topographic map of its own creation.
The Take
There is something profound in a material that remembers how it was made.
Most things hide their history. A plastic fork reveals nothing of the injection mold that formed it. A sheet of glass shows no trace of the sand it once was. But Damascus steel wears its making on its surface. Every ripple is a fold. Every wave is a strike.
This is a blade that cannot lie about what it has been through.
We are not so different. The patterns we carry, the ways we bend and hold, the textures of our personalities, these too are records of every fold, every pressure, every moment of heat and hammer. We just don’t show it as clearly as steel.
The Tech
The Fold is built with Three.js and custom GLSL shaders, recreating the distinctive appearance of Damascus steel in WebGL.
The core challenge was simulating the organic, flowing patterns that emerge from the folding process. We approached this by implementing:
- Blender-style Wave Texture: The fragment shader implements a procedural wave texture with distortion and detail noise, mimicking the bands that form in pattern-welded steel
- 45-degree rotation: Real Damascus patterns run diagonally across the blade. A UV rotation replicates this
- Distortion mapping: The characteristic curve of Damascus patterns comes from more distortion in the middle of the blade, straightening at the edges
- Dynamic layer count: As you scroll, the shader’s fold progress increases, revealing how the pattern complexity builds with each fold
- Multi-light specular: Three light sources create the metallic sheen and edge highlights that make the blade feel like polished steel
- Fresnel reflections: The blade catches light differently at grazing angles, just like real metal
The blade geometry itself is an extruded chef knife profile, modeled as a proper Gyuto shape with a curved belly and pointed tip.
The Experience
Scroll to turn the blade in the light.
As you scroll down, two things happen simultaneously:
- The blade rotates, catching light from different angles, revealing the depth and dimensionality of the pattern
- The layer count increases, from 2 to 4 to 8 to 16… up to 256 layers. Watch the pattern complexity grow with each fold
The experience begins with simple, bold stripes. By the end, you’re looking at the intricate, organic flow of true Damascus, where 256 layers have merged into something almost liquid in its complexity.
Pay attention to how the pattern catches light differently as the blade turns. The dark bands and bright bands have different surface properties, just like real Damascus where high-carbon steel takes a different polish than low-carbon.
This blog post was AI generated with Claude Code. Authored by Artificial Noodles.