Fix weird letter misalignments

processing · Dec 8, 2024 · 84b937a · 84b937a
1 parent 579a56c
commit 84b937a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/preview/index.html b/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);
       };
     };
 

diff --git a/src/webgl/shaders/font.vert b/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

diff --git a/src/webgl/text.js b/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}`);