Workbook 10

Vertex-displacement and lighting driven by a COD "Dark Matter" camo texture.

• Texture brightness pushes vertices outward, creating a procedural bump.
• Displacement amount is controlled in real-time with the slider below.
• Sphere spins so you can inspect the parallax of the bumps.
• Custom GLSL vertex & fragment shaders perform the displacement and lighting.
• Simple view-space diffuse + ambient lighting moves with the camera.
• Texture sourced from "Dark Matter" camo from Plutonium Modding Forum (link).
• Use left mouse to rotate the camera, use right mouse to move the camera, and use the scroll wheel to zoom in and out.
• Built with Three.js and the CS559 Framework.

Fragment shader from ShaderFrog (#2311) tweaked for this scene.

• Pure GLSL fragment and vertex shaders adapted from ShaderFrog.
• Creates a hypnotic green on black pattern using layered sine waves.
• Time uniform offsets UVs each frame to animate the pattern.
• Coordinates are rotated & shifted between layers to form interference bands.
• Final value is smoothed then mapped to color for a glow effect.
• Applied to both a sphere and a flat sign for comparison.
• Camera controls: left-mouse drag = orbit, right-mouse drag = pan, scroll = zoom.
• Built with Three.js and the CS559 Framework.