sdf-text added more texts

Author: vorg

sdf-text/assets/texts.txt

@@ -0,0 +1,23 @@
+//src: http://www.rikeripsum.com/#!/
+We finished our first sensor sweep of the neutral zone.
+I suggest you drop it, Mr. Data.
+Mr. Crusher, ready a collision course with the Borg ship.
+Why don't we just give everybody a promotion and call it a night - 'Commander'? I think you've let your personal feelings cloud your judgement.
+Yesterday I did not know how to eat gagh.
+I'm afraid I still don't understand, sir.
+A lot of things can change in twelve years, Admiral.
+How long can two people talk about nothing? Talk about going nowhere fast.
+I'll be sure to note that in my log.
+Commander William Riker of the Starship Enterprise and attack the Romulans.
+My oath is between Captain Kargan and myself.
+Your only concern is with how you obey my orders.
+Or do you prefer the rank of prisoner to that of lieutenant? When has justice ever been as simple as a rule book? The unexpected is our normal routine.
+Computer, belay that order.
+The Enterprise computer system is controlled by three primary main processor cores, cross-linked with a redundant melacortz ramistat, fourteen kiloquad interface modules.
+What's a knock-out like you doing in a computer-generated gin joint like this? Computer, lights up! Some days you get the bear, and some days the bear gets you.
+Maybe if we felt any human loss as keenly as we feel one of those close to us, human history would be far less bloody.
+Some days you get the bear, and some days the bear gets you.
+I'll alert the crew.
+We know you're dealing in stolen ore.
+But I wanna talk about the assassination attempt on Lieutenant Worf.
+You bet I'm agitated! I may be surrounded by insanity, but I am not insane.

sdf-text/main.js

@@ -35,6 +35,7 @@ Window.create({
         sdfFontVert: { glsl: glslify(__dirname + '/assets/SDFFont.vert') },
         sdfFontFrag: { glsl: glslify(__dirname + '/assets/SDFFont.frag') },
         fontImage: { image: ASSETS_DIR + '/fonts/' + Font.pages[0] },
+        texts: { text: ASSETS_DIR + '/texts.txt' }
     },
     init: function() {
         var ctx = this.getContext();
@@ -77,13 +78,18 @@ Window.create({
         this.gui.addParam('fontSize', this, 'fontSize', { min: 4  , max: 64 });
         this.gui.addParam('debug', this, 'debug');
 
-        this.text = new SpriteTextBox(ctx, text, {
-          fontSize: this.fontSize * DPI / 500,
-          lineHeight: 1.2,
-          font: Font,
-          textures: [ this.fontTex ],
-          wrap: 320 * DPI / 500
-        });
+        this.texts = res.texts.trim().split('\n').map(function(line) {
+            var text = new SpriteTextBox(ctx, line, {
+              fontSize: this.fontSize * DPI / 500,
+              lineHeight: 1.2,
+              font: Font,
+              wrap: 320 * DPI / 500
+            });
+            text.position = [Math.random()*6-3-0.5, Math.random()*6-3-0.5, Math.random()*4-2-2]
+            return text;
+        }.bind(this))
+
+
     },
     draw: function() {
         var ctx = this.getContext();
@@ -99,25 +105,38 @@ Window.create({
 
         ctx.setLineWidth(2);
 
-        this.text.setFontSize(this.fontSize * DPI / 500);
 
         this.gui.draw();
 
         ctx.pushModelMatrix();
-        var s = this.text.opts.scale;
-        ctx.scale([s, -s, s])
-        ctx.translate([-0.5, -0.5, -1])
+        var s = this.texts[0].opts.scale;
+
 
         ctx.bindTexture(this.fontTex, 0)
 
+
         ctx.bindProgram(this.sdfFontProgram);
-        ctx.bindMesh(this.text.mesh);
-        ctx.drawMesh();
+        this.texts.forEach(function(text) {
+            ctx.pushModelMatrix()
+            ctx.translate(text.position)
+            ctx.scale([s, -s, s])
+            text.setFontSize(this.fontSize * DPI / 500);
+            ctx.bindMesh(text.mesh);
+            ctx.drawMesh();
+            ctx.popModelMatrix();
+        }.bind(this))
+
 
         if (this.debug) {
             ctx.bindProgram(this.solidColorProgram);
-            ctx.bindMesh(this.text.debugMesh);
-            ctx.drawMesh();
+            this.texts.forEach(function(text) {
+                ctx.pushModelMatrix()
+                ctx.translate(text.position)
+                ctx.scale([s, -s, s])
+                ctx.bindMesh(text.debugMesh);
+                ctx.drawMesh();
+                ctx.popModelMatrix();
+            }.bind(this))
         }
 
         ctx.popModelMatrix();