Three MSDF Text

Three MSDF Text

Utility classes for Text rendering in Three.js using Bitmap fonts and MSDF (multi-channel signed distance fields).

Author:

leochocolat

Do you know a Resource we should add?Submit a new Resource!

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Web Development

Help with your project?

Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.

Links

Featured Badge

Add this badge to your website to show you are featured on Three.js Resources.

Light Version

Description

Forked from three-bmfont-text.

It includes :

  • Refacto to ES6

  • Remove some small old dependencies

  • Replace some deprecated three.js code

  • Add more geometry attributes : layout uv, letter center positions, letter index, line index, letter index by line, word index, word index by line...

  • Compatibility check with Three.js FontLoader

  • WebGPU MSDFTextNodeMaterial

  • More to come...

Sponsors