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

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

Gooey cursor with svg filters and css blend modes

Gooey Cursor Effect

Repetitive Typography Animation

Shaders on Scroll by Faboolea

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

The
New
Collective

🎨✨💻 Stay ahead of the curve with handpicked, high-quality frontend development and design news, picked freshly every single day. No fluff, no filler—just the most relevant insights, inspiring reads, and updates to keep you in the know.

Prefer a weekly digest in your inbox? No problem, we got you covered. Just subscribe here.