https://github.com/foxglove/three-text

Render text in Three.js using Signed Distance Fields
https://github.com/foxglove/three-text

signed-distance-field text-rendering threejs

Last synced: about 1 year ago
JSON representation

Render text in Three.js using Signed Distance Fields

• Host: GitHub
• URL: https://github.com/foxglove/three-text
• Owner: foxglove
• License: mit
• Created: 2022-08-19T02:18:40.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-05-28T22:04:46.000Z (about 2 years ago)
• Last Synced: 2024-05-29T12:51:43.018Z (about 2 years ago)
• Topics: signed-distance-field, text-rendering, threejs
• Language: TypeScript
• Homepage:
• Size: 2.12 MB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# @foxglove/three-text

Render text in 3D using Signed Distance Fields

[![npm version](https://img.shields.io/npm/v/@foxglove/three-text.svg)](https://www.npmjs.com/package/@foxglove/three-text)

![demo of three-text](https://user-images.githubusercontent.com/14237/185552879-3301a9d0-d749-4b48-8fcd-ddfd8d0871f3.gif)

## Usage examples

View live example [in Storybook](https://main--62ff21ad11a55228f80a9365.chromatic.com/?path=/story/labelpool--basic). View example usage at [LabelPool.stories.tsx](./src/LabelPool.stories.tsx).

To run Storybook locally, run `yarn storybook`.