1
Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js (opens on the source site)
Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask.
#tutorials
8 posts · 3 companies · newest first
From the web
2
Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js (opens on the source site)
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.
3
Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js (opens on the source site)
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.
4
Building a Mouse-Following Square Lens Effect with Three.js and GLSL (opens on the source site)
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.
5
Relighting Images with Depth Maps and Three.js (opens on the source site)
Explore how depth maps, TSL, and WebGPU can be combined to turn flat 2D images into dynamic surfaces with realistic lighting, surface detail, and self-shadowing.
6
Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data (opens on the source site)
Learn how to build a dynamic testimonial hero in Webflow using CMS data, a custom JavaScript counter, and GSAP’s visual timeline.
7
Migrate CloudFormation to Pulumi with Discovered Stacks (opens on the source site)
With Discovered Stacks, Pulumi Cloud does the bookkeeping for a CloudFormation migration: every resource in the stack gets an explicit migration status, and the migration is done when the code provably matches the cloud. In this tutorial, we take one real CloudFormation stack from discovered to migrated and managed by Pulumi IaC, end to end. What we’re migrating Our example is payments-api, a CloudFormation stack with 61 resources: a VPC, an Aurora ledger database behind an RDS Proxy, an assets S3 bucket, a DynamoDB ledger table, a Kinesis payment-events pipeline, and the IAM roles, KMS keys,…
8
Secure Your APIs: OAuth2 and JWT for Beginners (opens on the source site)
This tutorial was written by an external contributor. APIs are frequent targets for bad actors since they expose data and functionality. Securing them while maintaining usability is often one of the most challenging and time-consuming parts of API development. OAuth 2.0 and JSON Web Tokens (JWT) help make these processes more manageable and reliable. They […]
8 shown