Comments (5)
That font has some very thin line features which can be difficult for SDF-based rendering. You might see some improvement if you set a higher sdfGlyphSize
.
from troika.
Hmm, there's something else going on weird with that A glyph in particular. It looks like its bounding box is gigantic, which is decreasing the precision of the SDF by a lot...
from troika.
Yeah that A has a stray point way out at -3914,-1812
. This needs to be fixed in the font.
from troika.
Thank you for the tip, it makes it better but aliased with sdfGlyphSize=512
I happen to have increase the weight of the font in a font editor to see if it would be better, and it is nicer, but I would like if possible to be able to use the lib at its maximum potential for all kind of fonts so it is nice to know there is some adjustments that can be done !
from troika.
Thank you for your guidance, I guess I can close the issue where it is mostly about the font, more than the lib itself !
from troika.
Related Issues (20)
- Example for troika-three-text has errors under typescript and at runtime HOT 3
- troika-three-text: Kerning is off HOT 9
- Discussion about a new feature---How can I control the width and height ratio (aspect ratio)? HOT 4
- Text.sync can't update the mesh smoothly when I excute sync method quickly HOT 3
- About fonts CDN HOT 3
- Can I call sync with async/await syntax? HOT 2
- Util function getCaretAtPoint can't get the uniform text caret vertical position for number/character and Chinese text. HOT 5
- Runtime error: 'webgl-sdf-generator' does not contain a default export (imported as 'createSDFGenerator'). HOT 1
- Emoji and Unicode support HOT 3
- Memory Issue with troika-three-text HOT 5
- troika-three-text: Indic shaping
- getCaretAtPoint(...) taking surrogate pairs into consideration HOT 2
- Support ligature caret positioning provided in font
- anchorY="bottom-baseline" not working since v0.48.0 HOT 2
- Glitches when used with Montserrat HOT 2
- Cloning a synced text still requires sync();
- [ Angular 17 ] - TS2307: Cannot find module 'troika-three-text' or its corresponding type declaratio
- troika-three-text uncaught exception HOT 2
- Apply GLSL shader to only some letters
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from troika.