Loading video...

Video Failed to Load

Go Home

msdf font rendering in #HaxeFlixel super crispy text at any scale / resolution

ninja_muffin99's profile picture

ninja_muffin99 🆖

196,570 subscribers

49,569 views • 10 months ago •via X (Twitter)

Science & Technology#HaxeFlixel
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

introducing Ideogram v4.0. 2k native resolution, excellent text rendering, and support for JSON prompts. try it now in Krea.
0:14

introducing Ideogram v4.0. 2k native resolution, excellent text rendering, and support for JSON prompts. try it now in Krea.

Krea

13,824 views • 2 months ago

Clarity Pro is also very good at rendering text 🤩
0:15

Clarity Pro is also very good at rendering text 🤩

philz1337x

5,878,524 views • 3 months ago

Today we introduced two major graphical enhancements: advanced upscaling & ray-traced shadows. Upscaling is an innovative graphics technique that boosts game performance by rendering at a lower resolution and intelligently enhancing the image quality to match your display's native resolution. Ray-traced shadows offer unparalleled accuracy in shadow rendering. Read the full Dev Blog here: #EVEOnline #Tweetfleet
0:20

Today we introduced two major graphical enhancements: advanced upscaling & ray-traced shadows. Upscaling is an innovative graphics technique that boosts game performance by rendering at a lower resolution and intelligently enhancing the image quality to match your display's native resolution. Ray-traced shadows offer unparalleled accuracy in shadow rendering. Read the full Dev Blog here: #EVEOnline #Tweetfleet

EVE Online

60,855 views • 1 year ago

NVidia just released PiD: super resolution in pixel space directly from model latents 🔎 4X resolution for any generated image, FAST! 🏎️💨 FLUX.1, 2 and Z-Image (Qwen Image coming) of course, i built a demo: generate 4K images with Z-Image
0:12

NVidia just released PiD: super resolution in pixel space directly from model latents 🔎 4X resolution for any generated image, FAST! 🏎️💨 FLUX.1, 2 and Z-Image (Qwen Image coming) of course, i built a demo: generate 4K images with Z-Image

apolinario (poli)

29,948 views • 2 months ago

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉
0:15

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉

Devon Govett

48,276 views • 4 months ago

Font Sniper Extract and download fonts from ANY website Available now in Raycast ↓
0:19

Font Sniper Extract and download fonts from ANY website Available now in Raycast ↓

RIO

148,167 views • 7 months ago

Doom Eternal comparison with DLSS 4 Transformer Super Resolution. Massive improvement in overall image stability 👍
0:12

Sensitive content

Doom Eternal comparison with DLSS 4 Transformer Super Resolution. Massive improvement in overall image stability 👍

Jacob Freeman

28,274 views • 1 year ago

I'm adding text to speech to my upcoming boomer shooter game engine and I made them say "rest in peace" but I keep hearing "crispy peas" 😭
0:10

I'm adding text to speech to my upcoming boomer shooter game engine and I made them say "rest in peace" but I keep hearing "crispy peas" 😭

Kenney

54,766 views • 1 month ago

😶‍🌫️ Late night experiment: high-resolution, volumetric cloud rendering in Unity URP. Doing R&D for my fog, too. Lighting is rather basic, ~I just started on this one.
0:11

😶‍🌫️ Late night experiment: high-resolution, volumetric cloud rendering in Unity URP. Doing R&D for my fog, too. Lighting is rather basic, ~I just started on this one.

Mirza Beig

23,534 views • 1 month ago

New microscopy technology enables nanoscale imaging of centimetre-scale tissues, making it possible to image the entire expanded mouse brain at cellular and subcellular resolution. #ReviewedPreprint
0:17

New microscopy technology enables nanoscale imaging of centimetre-scale tissues, making it possible to image the entire expanded mouse brain at cellular and subcellular resolution. #ReviewedPreprint

eLife - the journal

27,522 views • 2 years ago

New microscopy technology enables nanoscale imaging of centimetre-scale tissues, making it possible to image the entire expanded mouse brain at cellular and subcellular resolution. #ReviewedPreprint
0:15

New microscopy technology enables nanoscale imaging of centimetre-scale tissues, making it possible to image the entire expanded mouse brain at cellular and subcellular resolution. #ReviewedPreprint

eLife - the journal

35,263 views • 2 years ago

Realistic hair and fur rendering in EEVEE, is that of any interest to you as a 3d artist? 🤭 #b3d
0:14

Realistic hair and fur rendering in EEVEE, is that of any interest to you as a 3d artist? 🤭 #b3d

Gleb Alexandrov

17,787 views • 10 months ago

Seedream 5.0 Pro. Unlimited. Now in 2K Every "what if I try it again", at production resolution → Precise editing → Text that stays legible, even in dense layouts → 2K output, ready to post anywhere Try it now on Magnific
0:11

Seedream 5.0 Pro. Unlimited. Now in 2K Every "what if I try it again", at production resolution → Precise editing → Text that stays legible, even in dense layouts → 2K output, ready to post anywhere Try it now on Magnific

Magnific

25,366 views • 1 month ago

What does the endoplasmic reticulum look like in a live cell, thanks to super-resolution microscopy? Nature Methods
0:13

What does the endoplasmic reticulum look like in a live cell, thanks to super-resolution microscopy? Nature Methods

Eric Topol

24,010 views • 4 months ago

RIP Photoshop. Higgsfield just launched Canvas, a state-of-the-art image editing model. With just two clicks, you can swap any object in an image. Logos, text, texture and scale stay exactly as they are... Here's how it works:
0:15

RIP Photoshop. Higgsfield just launched Canvas, a state-of-the-art image editing model. With just two clicks, you can swap any object in an image. Logos, text, texture and scale stay exactly as they are... Here's how it works:

Angry Tom

156,252 views • 1 year ago

Hotel room ❤️ any one meet me then text me in dm 🙈
0:14

Hotel room ❤️ any one meet me then text me in dm 🙈

Dr Dawood

12,337 views • 8 months ago

The Text Fragments creation UI was just activated in Firefox Nightly allowing you to share/reference a link anchor to any text snippet in a page
0:19

The Text Fragments creation UI was just activated in Firefox Nightly allowing you to share/reference a link anchor to any text snippet in a page

Firefox Nightly 🔥

11,267 views • 1 year ago

Google just released the AlphaEarth Foundations with 64 dimensions of satellite embeddings at 10-m resolution at the global scale! It is very interesting! Check it out Blog post: Dataset: Paper: #AI #geospatial #remotesensing #geoai
0:14

Google just released the AlphaEarth Foundations with 64 dimensions of satellite embeddings at 10-m resolution at the global scale! It is very interesting! Check it out Blog post: Dataset: Paper: #AI #geospatial #remotesensing #geoai

Qiusheng Wu

47,177 views • 1 year ago

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"
0:12

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"

Alex Sidorenko

159,372 views • 3 years ago