Comments (6)
Alright, here is a Shadron script that showcases these effects. It's all in the renderMsdf
function. You will need to know the SDF's pixel range in order to be able to do anti-aliasing correctly, and you may need to increase this range (when generating the SDF) to accomodate for the effects.
from msdfgen.
Wow, cool stuff. Thanks a lot! Seamlessly ported it to Shadertoy:
https://www.shadertoy.com/view/XtdSRs
Need to improve it a bit before releasing it in public though.
from msdfgen.
how do you generate a texture with multiple glyphs on it using msdfgen? based off the docs it seems as though you can only generate an image with a single character. Leavittx seems to have been able to combine them into a single image.
from msdfgen.
@torinmb Checkout https://github.com/soimy/msdf-bmfont-xml/
from msdfgen.
Thanks for the ref @soimy! It looks like @leavittx somehow managed to pack all the characters in the same order as their ASCII code, and also managed to have each glyph take up the same amount of space, which is very helpful for accessing the image as an atlas in a shader.
Here's leavittx's texture for reference.
Here's the closest thing I was able to generate with msdf-bmfont-xml. Any help would be greatly appreciated! I tried modifying the character set to change the order and I'm not seeing any way of changing the default amount of space a glyph takes up.
from msdfgen.
@torinmb msdf-bmfont-xml uses maxrects packing algorithm for maximized efficiency.
Check out the json
or fnt
file generated together with the font atlas png files. They include all metric data you need to render your GPU font. Check out the test files for exampe usage by
yarn run render
Feel free to play around some cli parameters like --distance-range
--texture-padding
--texture-size
--smart-size
from msdfgen.
Related Issues (20)
- Bin export format HOT 1
- Cannot render SVG msdf sprites HOT 9
- Bitmap reserve(), capacity(), and trim_to_fit() HOT 2
- Mplus1 font artifacts HOT 2
- What is the principle of error correction?
- Just a couple of questions.
- Msdf generation fails on symbol with several nested holes HOT 4
- Alpha as input ? HOT 1
- Allow FT_LOAD_DEFAULT in import-font extension HOT 5
- Confusing SignedDistance calculation in QuadraticSegment::signedDistance
- Inverting Y Axis makes uneven baseline HOT 2
- Segfault on Empty Shape
- Chinese character rendering issues HOT 5
- The effect of render small character is not good HOT 2
- Outline effect is not good on some glphys HOT 4
- Failure to import SVG file with empty initial <g> element HOT 4
- Using vcpkg leads to compiler error in VS2022 HOT 4
- Incorrect rendering of SVG with internal path HOT 1
- New release soon? HOT 1
- Call project() after cmake_minimum_required() HOT 6
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 msdfgen.