msdfgen
Flutter
msdfgen | Flutter | |
---|---|---|
27 | 1,203 | |
3,713 | 161,805 | |
- | 0.5% | |
7.0 | 10.0 | |
9 days ago | 6 days ago | |
C++ | Dart | |
MIT License | BSD 3-clause "New" or "Revised" License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
msdfgen
-
Shader Park Is Kinda Neat
This very well explained here https://github.com/Chlumsky/msdfgen and with more details in link d pdf.
Basically, signed distance fields allow high resolution renders from low resolution rasters which represent character shape.
-
SDF font rendering & cuttoff parameter value
No idea how to help you but I will just drop this since it improved the quality for me by 1000 https://github.com/Chlumsky/msdfgen
-
Best approach to render a lot of text.
And that's the complicated state of the art version for 3D perspective. Other versions are even simpler.
-
Leveraging Rust and the GPU to render user interfaces at 120 FPS
This is known as a “multi-channel signed distance field”, or “msdf”.
https://github.com/Chlumsky/msdfgen
-
Font question: What software do you use to create "Signed Distance Field" from OTF or TTF?
I use this, free and has been very good for me https://github.com/Chlumsky/msdfgen
- MelonJS – a fresh and lightweight JavaScript game engine
- What is the maximum number of texture2D's I can have in a single texture array uniform binding?
-
Why are SDF editors not more popular for creating assets?
Distance fields are not slow to render. They don't need a powerful gpu. Valve was already using SDF for textures in 2007 and released a paper about it. MSDF (multi channel signed distance fields) is a popular text libraries for game engine devs that uses distance fields. Distance fields are fast to render in 2D and even 3D. The problem is with everything around it. Lighting, shadows, shading will all require specialized tooling and likely a specialized engine for very little benefit (imo).
-
Vector Graphics on GPU
Signed distance fields only work well for relatively simple characters.
If you have highly detailed characters like Chinese or emojis, you need larger resolution to faithfully represent every detail. One way to get around excessive memory requirements is to store the characters in their default vector forms and only render the required characters on demand, but then you might as well render them at the required pixel resolution and do away with the additional complexity of SDF rendering.
SDFs are still useful though if you have to render text at many different resolutions, for example on signs in computer games, as seen in the original paper https://steamcdn-a.akamaihd.net/apps/valve/2007/SIGGRAPH2007...
In the past, SDFs also had problems with sharp corners, which has been solved in https://github.com/Chlumsky/msdfgen
-
Adventures in Text Rendering: Kerning and Glyph Atlases
MSDFGen looks pretty sweet. https://github.com/Chlumsky/msdfgen
Flutter
-
Show HN: Shorebird 1.0, Flutter Code Push
[3]: https://github.com/flutter/flutter/tree/master/packages/flut...
-
3D and 2D: Testing out my cross-platform graphics engine
Thanks - that link does not appear to be open access, anyways I don't think I've seen it. I'm familiar with Flutter at a high-level (Kevin Moore gave a great talk on it at Wasm I/O), and I think other than requiring users to work in Dart, it is probably one of the most powerful ways to do cross-platform UI today.
Worth noting that their original GPU backend was Skia, and now they are retooling around Flutter GPU (Impeller)[0], which is kind of designed similarly as an abstract rendering interface over platform-specific GPU APIs.
[0]https://github.com/flutter/flutter/wiki/Flutter-GPU
-
Python dev considering Electron vs. Kivy for desktop app UI
If you are considering Electron/React then I would suggest adding Flutter to your list of technologies to consider. It uses Dart (a language similar to C#) and has a lot going for it… relatively quick to get up to speed with, fantastic developer experience (e.g., hot reload, great IDE support, good development tools) and very strong cross-platform support: it generates native iOS, Android, MacOS, Windows and Linux executables. Check it out: https://flutter.dev/
- Lançamento do App Edudu
- Android 12+: Changing wallpaper or dark theme breaks Flutter and Jetpack Apps
- Android 12: Changing wallpaper or dark theme breaks Flutter and Jetpack Compose
-
React Native and Flutter: A Developer's Dilemma
You can find the React Native documentation here and Flutter Documentation here.
-
Ente: Open-Source, E2E Encrypted, Google Photos Alternative
[1]https://github.com/flutter/flutter/issues/55092#issuecomment...
- Reusing state logic is either too verbose or too difficult #51752
-
React Labs: What We've Been Working On – February 2024 – React Compiler
> There is actually a great issue thread on the Flutter GitHub that explains exactly why other solutions do not work correctly when compared to hooks [0]
Interesting. I assume you are referring to this comment in particular -> https://github.com/flutter/flutter/issues/51752#issuecomment... ?
What are some alternatives?
msdf-atlas-gen - MSDF font atlas generator
Introducing .NET Multi-platform App UI (MAUI) - .NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
8SSEDT - Tutorial about 8-points Signed Sequential Euclidean Distance Transform
flet - Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.
vello - An experimental GPU compute-centric 2D renderer.
WPF - WPF is a .NET Core UI framework for building Windows desktop applications.
troika - A JavaScript framework for interactive 3D and 2D visualizations
Uno Platform - Build Mobile, Desktop and WebAssembly apps with C# and XAML. Today. Open source and professionally supported.
nanovg - Antialiased 2D vector drawing library on top of OpenGL for UI and visualizations.
kivy - Open source UI framework written in Python, running on Windows, Linux, macOS, Android and iOS
msdfgl - OpenGL implementation of the MSDF algorithm
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time