|
@@ -27,7 +27,6 @@
|
|
|
|
|
|
<div id="info">
|
|
|
<a href="http://threejs.org" target="_blank">three.js</a> - procedural 3D text by <a href="http://www.lab4games.net/zz85/blog" target="_blank">zz85</a> & alteredq
|
|
|
- (fonts from <a href="http://typeface.neocracy.org/">typeface.js</a> and <a href="http://en.wikipedia.org/wiki/Droid_%28font%29">Droid</a>)
|
|
|
<br/>type to enter new text, drag to spin the text
|
|
|
<br/><span class="button" id="color">change color</span>,
|
|
|
<span class="button" id="font">change font</span>,
|
|
@@ -276,12 +275,12 @@
|
|
|
document.getElementById( "font" ).addEventListener( 'click', function() {
|
|
|
|
|
|
fontIndex ++;
|
|
|
- if ( fontIndex >= reverseFontMap.length ) {
|
|
|
-
|
|
|
+ if ( fontIndex >= reverseFontMap.length ) {
|
|
|
+
|
|
|
fontIndex = 0;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
font = reverseFontMap[fontIndex];
|
|
|
|
|
|
refreshText();
|
|
@@ -386,33 +385,33 @@
|
|
|
|
|
|
function onDrop( e ) {
|
|
|
e.preventDefault();
|
|
|
-
|
|
|
+
|
|
|
var file = e.dataTransfer.files[0],
|
|
|
reader = new FileReader();
|
|
|
-
|
|
|
+
|
|
|
reader.onload = function ( event ) {
|
|
|
console.log( event.target );
|
|
|
eval( event.target.result );
|
|
|
-
|
|
|
+
|
|
|
var index = 0;
|
|
|
for ( f in THREE.FontUtils.faces ) {
|
|
|
-
|
|
|
+
|
|
|
if ( ! fontMap[ f ] ) {
|
|
|
-
|
|
|
+
|
|
|
fontMap[ f ] = reverseFontMap.length;
|
|
|
reverseFontMap[ reverseFontMap.length ] = f;
|
|
|
font = f;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
refreshText();
|
|
|
-
|
|
|
+
|
|
|
};
|
|
|
|
|
|
console.log(file);
|
|
|
reader.readAsText(file);
|
|
|
-
|
|
|
+
|
|
|
return false;
|
|
|
};
|
|
|
|