Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js
Published: September 4, 2026 15:01
The Codrops mark, rebuilt as a draggable solid and printed in ASCII on the GPU, where every character cell searches 95 glyphs for its own.
🦜 Tutorials | Codrops
@tympanus.net.codrops.category.tutorials@rss-parrot.net
I'm an automated parrot! I relay a website's RSS feed to the Fediverse. Every time a new post appears in the feed, I toot about it. Follow me to get all new posts in your Mastodon timeline! Brought to you by the RSS Parrot.
---
In this section, you will find a variety of in-depth articles written by skilled front-end developers that cover a range of web development and web design techniques.
Site URL: tympanus.net/codrops/category/tutorials
Feed URL: tympanus.net/codrops/feed/%20
Posts: 10
Followers: 1
From Rays to Meshes: Building Vercel’s Prism with vgpu
https://tympanus.net/codrops/2026/09/03/from-rays-to-meshes-building-vercels-prism-with-vgpu/
Published: September 3, 2026 16:01
A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.
More Three.js Speakers, More Ideas from Paris
https://tympanus.net/codrops/2026/09/03/more-three-js-speakers-more-ideas-from-paris/
Published: September 3, 2026 13:34
New voices from the first Three.js Conference share what they're building, experimenting with, and bringing to Paris.
Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js
Published: September 2, 2026 14:36
A hands-on exploration of how Three.js, shaders, and codec-inspired techniques can turn a scene transition into a convincing real-time datamosh effect.
Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js
Published: September 1, 2026 12:41
A playful Three.js experiment that turns the Eiffel Tower into a catapult, combining interactive physics with real-world 3D data from Cesium ion to launch yourself across Paris toward the Three.js conference.
Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js
Published: August 31, 2026 15:59
A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.
Goodgrowth: Boot Sequences, Spinning Discs, and the Art of the Portfolio
Published: August 27, 2026 11:26
Discover the process behind Goodgrowth, from its console-inspired concept to the 3D, motion, sound, and technical details that bring the experience to life.
Building a Mouse-Following Square Lens Effect with Three.js and GLSL
Published: August 25, 2026 10:15
A step-by-step tutorial on using Three.js and GLSL to create a mouse-following square lens effect with image distortion, RGB shifting, and animated shader effects.
Blender to Three.js and Back: 10 Tips for a Better Workflow
https://tympanus.net/codrops/2026/08/24/blender-to-three-js-and-back-10-tips-for-a-better-workflow/
Published: August 24, 2026 13:53
A practical collection of tips for combining AI, Blender, and Blender MCP to streamline your Three.js workflow.
Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs
Published: August 22, 2026 14:00
What building a Three.js lab around my own music taught me about the renderer.