React 360 Font Converter

This is a CLI tool that allows you to easily convert a text FNT font into a JavaScript file that can be loaded from React 360 to display the font.

Usage

This tool is extremely simple to use: it takes in the -f/--font and -t/--texture parameters, and it outputs a string that can be written to a JS file. An example would be:

r360-font-converter -f ./assets/myfont.fnt -t ./assets/myfont.png > LoadFont.js

which will simply bundle your font and write the output to LoadFont.js. Then (once you have copied the file into your React 360 workspace), in your client.js:

import loadFont from './LoadFont';

/* ... */

function init (bundle, parent, options = {}) {
	const r360 = new ReactInstance(bundle, parent, {
		fullScreen: true,
		...options,
	});

	r360.runtime.guiSys.font = loadFont();

	/* ... */
}


window.React360 = {
	init
};

License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.