Fix weird letter misalignments

Author: davepagurek

preview/index.html

@@ -37,7 +37,7 @@
         p.textSize(80);
         p.textAlign(p.LEFT, p.TOP)
         p.textFont(f)
-        p.text('hello,\nworld!', 10, 30, p.width);
+        p.text('hello, world!', 10, 30, p.width);
       };
     };
 

src/webgl/shaders/font.vert

@@ -24,7 +24,7 @@ void main() {
     1. / length(newOrigin - newDX),
     1. / length(newOrigin - newDY)
   );
-  vec2 offset = pixelScale * normalize(aTexCoord - vec2(0.5, 0.5)) * vec2(1., -1.);
+  vec2 offset = pixelScale * normalize(aTexCoord - vec2(0.5, 0.5));
   vec2 textureOffset = offset * (1. / vec2(
     uGlyphRect.z - uGlyphRect.x,
     uGlyphRect.w - uGlyphRect.y

src/webgl/text.js

@@ -207,11 +207,11 @@ function text(p5, fn){
           }
           case 'Q': {
             const [, x1, y1, x, y] = command;
-            return { type, x, y, x1, y1 };
+            return { type, x1, y1, x, y };
           }
           case 'C': {
             const [, x1, y1, x2, y2, x, y] = command;
-            return { type, x, y, x1, y1, x2, y2 };
+            return { type, x1, y1, x2, y2, x, y };
           }
           default: {
             throw new Error(`Unexpected path command: ${type}`);