The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A breakdown of a crosshatch shading experiment I built for the web.
The scene is rendered in real time in the browser using raymarching, with the final look built up step by step:
— Calculate surface normals
— Add Lambertian shading and ambient lighting
— Use domain warping to distort and animate the form
— Translate the lighting values into crosshatch density
Instead of relying on smooth gradients for the final shading, surfaces facing away from the light receive denser intersecting lines, creating the crosshatched look.
All of this runs directly on the web in real time.
An older experiment, but still one of my favorite explorations of combining procedural graphics, creative coding, and illustration-inspired rendering.
Really cool tutorial and impressive outcome.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Not a filter. A living field of dots that reacts to you! 😊
Halftone Engine redraws your photo or clip as a grid of dots that pull colour from the footage - rippling, drifting and reacting to your cursor, live.
Fully customizable component with 10 shapes · 10 presets · 8 motions · 4 colour modes · full dot & halftone control. One canvas, no dependencies.
Perfect for your hero, showcase, avatar, card or banner. Happy building✨
Rollout — a real-time 3D music launch platform I built.
An artist drops one finished song and gets a whole release back: AI cover art on a layered canvas, a beat-synced lyric video, a release calendar with pre-written captions, a hosted fan page, and an ad campaign. One platform, start to finish.
The landing is hand-written WebGL and GLSL. A raymarched glass blob that morphs and reacts to your cursor sits behind a real 3D headphones model, with drifting smoke and a star field, all running in a single WebGL context so it holds up across devices instead of fighting for the GPU.
Under the hood it's a real product, not a demo: multi-tenant SaaS on Supabase with Postgres row-level security, Stripe billing with server-enforced plans, and a Python engine that reads the song's key, tempo and mood and turns that reading into the whole visual and marketing direction.
Stack: vanilla JS + WebGL, Supabase, Stripe, Netlify, and a CLAP audio model for the vibe read.
love the shade of violet you selected, super definitive in & of itself! add in those sleek, clear 3d elements, & you've undoubtedly made a memorable impression on your user. fantastic!
no brief, no deadline — just me and blender after work.
built this metro station scene purely for fun, to practice lighting, materials and depth in a 3D environment.
spent way too long on the plants ngl 🌿
Really cool!