search

aalavandhaann / blueprint-js

The Javascript es6 version of the original furnishup/blueprint3d. Need some royalty free low poly models for the inventory. Can someone help me with this?
MIT License
506 stars 158 forks source link

PIXIJS Text is pixelated on zoom #61

Open technbuzz opened 4 years ago

technbuzz commented 4 years ago

Describe the bug With new PIXI rendering engine, Text is pixelated when zoomed in. I know that PIXI.js or WebGl converts text into bitmap for efficiency. Is there any solution for that? We are already using three.js, can we port a solution here?

To Reproduce Steps to reproduce the behavior:

  1. Simply zoom in on 2d viewer

Expected behavior On each zoom, we should get a crisp text just like a dom element.

Screenshots pixelated-text

Additional Information There is a similar problem with SVG images when we are in transform mode. Thankfully it can be solved with pixi-svg.

mariann03 commented 3 years ago

Try this 

const text = new Text(...)
text.resolution = 2
technbuzz commented 3 years ago

That would work for one level zoom in, but when we I zoom the text is again pixelated.