Skip to content

jeremy-brenner/three_font_buffer_geometry

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

three_font_buffer_geometry

This is a helper class for Three.js TextGeometry. It prebuilds and saves each character in a seperate BufferGeometry and then builds a Mesh for each letter combining them into a single Object3D. This avoids creating new geometries for every new string reusing the buffer geometries already created giving a noticeable performance boost. I wrote this to solve a major performance issue in my jewel-clone game

Usage:

var parameters = {
  size: 20,
  height: 10,
  curveSegments: 3,
  font: "droid sans",
  weight: "normal",
  style: "normal",
  bevelThickness: 10,
  bevelSize: 5,
  bevelEnabled: true,
  extrudeMaterial: 1
}

var material = new THREE.MeshBasicMaterial({color:'blue'})

var buffer_font = new THREE.FontBufferGeometry(parameters)

var mesh = buffer_font.buildMesh( 'The quick brown fox jumped over the lazy dog.', material )

The constructor for FontBufferGeometry takes an optional second parameter of a string of characters to prebuild geometries for.

About

Three.js font buffer geometry helper

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published