TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Font.Skin – No more average CSS text effects, time for awesome GPU ones!

2 pointsby touchpadderover 1 year ago

1 comment

touchpadderover 1 year ago
Until now such rich text effects required manual animation in programs like After Effects and exporting to videos.<p>Font.skin connects GPU shaders with webfonts to allow creating real-time, browser-based animated text effects never seen before on the web.<p>Global uniforms are compatible with Shadertoy i.e. iTime, iResolution etc. to allow pasting parts of shaders from ST.<p>Font skins can be exported to pure HTML or React and have no dependencies. Text transitions are scriptable in GLSL which is transpiled to JS. This is to allow exporting to game engines in the nearest future as transpiling from GLSL to other strongly typed languages is simpler than from arbitrary JS. The resulting code together with all required glyphs, gzipped often takes less space than a screenshot of itself or the font it&#x27;s based on i.e. 30KB