three-canvas-text

An extension of the Three.js library that facilitates the creation of interactive texts, by taking advantage of the HTML Canvas API.

The Problem

At the time of starting this project, there is no standard way to display text with the Three.js engine (or in WebGL in general). There are several partial solutions, but most of them involve creating and exporting custom versions of the font files with external tools. Consequently, these systems involve loading large files even for the most basic texts, making experimentation and internationalization a complicated process (specifically, when dealing with writing systems with thousands of different glyphs).

The Goal

Until a proper text-rendering standard is developed (and widely adopted by most web browsers), this extension provides a way to generate texts for the Three.js engine, using the Canvas API to create textures that are displayed on top of simple geometry.