{"repo":"leochocolat/three-msdf-text-utils","free":true,"listed":false,"github":"https://github.com/leochocolat/three-msdf-text-utils","clone":"git clone https://github.com/leochocolat/three-msdf-text-utils.git","description":"Utility classes for Text rendering in Three.js using Bitmap fonts and MSDF (multi-channel signed distance fields).","language":"JavaScript","stars":190,"topics":["font","glsl","msdf","sdf","threejs","typography","webgl"],"license":null,"category":"game-templates","readme_excerpt":"Three MSDF Text Text rendering utilities for Three.js using MSDF (multi-channel signed distance fields) and bitmap fonts. Provides crisp text at any scale with support for WebGL and WebGPU. Forked from three-bmfont-text. Features - Refacto to ES6 - Remove deprecated dependencies - Rich geometry attributes for text animations (letter index, word index, line index, layout UVs...) - WebGPU support via MSDFTextNodeMaterial - Compatible with Three.js FontLoader - Runtime MSDF atlas generation from TTF fonts Demo - Basic - Stroke - Editor - Reveal - WebGPU - MSDF Generator Getting Font Assets MSDF text rendering requires two assets: bitmap font data (glyph metrics) and an MSDF atlas texture. You can either pre-generate these at build time or generate them at runtime in the browser. Option 1: Pre-generated Assets (Recommended for Production) Pre-generating assets gives you full control over quality and reduces runtime overhead. Tools: - Online MSDF Font Generator - Web-based tool - Online generator - Web-based tool - msdf-bmfont-xml - CLI tool - msdf-font-factory - Ready-to-use fonts and generation scripts Option 2: Runtime Generation with generateMSDF Forked from @zappar/msdf-generator Generate MSDF assets directly in the browser from any TTF font file. This approach is convenient for dynamic font loading or when you want to support user-uploaded fonts. Setup: Download the required WebAssembly files and place them in your public folder: - worker.bundled.js - msdfgen.wasm Usage: See","default_branch":null,"files":null,"tree":[],"storefront":"/r/leochocolat","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/leochocolat/three-msdf-text-utils/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}