aframe-text-sprite

aframe-text-sprite

A wrapper for THREE.TextSprite.

demo

Try it out!

dependencies

• THREE.TextSprite

setup

npm

npm install SeregPie/aframe-three # to fix AFRAME.THREE issue
npm install aframe-text-sprite

es6

import 'aframe';
import 'aframe-text-sprite';

browser

<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
<script src="https://unpkg.com/@seregpie/three.text-texture"></script>
<script src="https://unpkg.com/@seregpie/three.text-sprite"></script>
<script src="https://unpkg.com/aframe-text-sprite"></script>

properties

property	type	default
align	'string'	'center'
fillStyle	'string'	'#fff'
fog	'boolean'	false
fontFamily	'string'	'sans-serif'
fontSize	'number'	1
fontStyle	'string'	'normal'
fontVariant	'string'	'normal'
fontWeight	'string'	'normal'
lineGap	'number'	0.15
opacity	'number'	1
padding	'number'	0.25
strokeStyle	'string'	'#000'
strokeWidth	'number'	0
text	'string'	''
transparent	'boolean'	true