feat: z distance scaling for text node

2019-04-19 03:12:30 -05:00 · 2019-04-19 03:12:30 -05:00 · b9e3f76750
commit b9e3f76750
parent d5a9fb1fd8
1 changed files with 2 additions and 1 deletions
--- a/packages/graphics/proton/text-node-renderer.js
+++ b/packages/graphics/proton/text-node-renderer.js
@ -43,10 +43,11 @@ export class TextNode {
      position[1] += realOffset[1];
    }
    const angle = rotation.x / (Math.PI * 2);
+    const distanceScale = particle.p.z > 0 ? particle.p.z / 70 : 0;
    div.style.transform = `
      translate(${position[0]}px, ${-position[1]}px)
      rotate(${angle * 360}deg)
-      scale(${scale})
+      scale(${scale + distanceScale})
    `;
    const spanTranslate = 50 * (1 / scale);
    span.style.transform = `translate(-${spanTranslate}%, -${spanTranslate}%)`;