HUD Sprites

Three.js transparent overlay

by steveow

HTML

<script src="https://rawgit.com/mrdoob/three.js/master/build/three.min.js"></script>

CSS

body {
				padding:0;
				margin:0;
				font-weight: bold;
				overflow:hidden;
			}

JavaScript

//... Implementation of Sprite example from http://threejs.org/examples/#webgl_sprites
//... Sprite image data base64 URL's created with http://dataurl.net/#dataurlmaker
//... from sprite image files sourced from: https://github.com/mrdoob/three.js/blob/master/examples/textures.
//... Thanks to 2pha at Stackoverflow for suggestion.
//... Note Three.js library at https://rawgit.com/mrdoob/three.js/master/build/three.min.js is referenced in External Resources.

var imageData1 =...