How to Map Texture to a 3D Face with Three.js

A coding session where you’ll learn how to wrap a texture on a 3D face with Three.js.

By Yuri Artiukh in Videos on July 4, 2022

In this new ALL YOUR HTML coding session you’ll learn how to wrap a texture on a shape. The shape will be a 3D face and we’ll use Three.js.

Original website: https://www.zikd.space

This coding session was streamed live on July 3, 2022.

Check out the live demo.

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

Yuri Artiukh

Yuriy is a developer from Kyiv, Ukraine. Leading a small frontend agency riverco.de, also speaking at conferences, and open for freelance projects. Curious about CSS and shaders. Loves to learn every day.

three.js webgl

Master JavaScript Animation with GSAP – Perfect for Beginners! Get full, free access to 34 video lessons, step-by-step projects, and hands-on demos. Enroll for free →

Yuri Artiukh

Blurry Text Reveal on Scroll

How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL

How to Code a Crosshair Mouse Cursor with Distortion Hover Effect

Stay in the loop: Get your dose of frontend twice a week