正在加载视频...

视频加载失败

Riding the wave of the pretext.js without pretext 😅

74,357 次观看 • 6 个月前 •via X (Twitter)

53 条评论

Robin 的头像
Robin6 个月前

Nice! Yeah the key realisation is that pretext actually has nothing to do with animating typography But it does allow for the typography animation loop to run much faster (decouples text size calculations from extremely costly DOM manipulation events)

Felix Martinez 的头像
Felix Martinez6 个月前

Yup, I like that it is decoupling the render logic, so it can be plugged into any representation method you want. Not so different to the underlying parts on @BelaBohlender 's UIKit Or the work from the guys at Troika :

Clifford Richardson 的头像
Clifford Richardson6 个月前

I see Moomin characters so I love it 😍

Felix Martinez 的头像
Felix Martinez6 个月前

I see then, that you are good people 😂

A Concerned Human 的头像
A Concerned Human6 个月前

This is 2026 line rider.

Felix Martinez 的头像
Felix Martinez6 个月前

Woah, classic! Thanks for the reminder ✨

Charles David 的头像
Charles David6 个月前

Guys why are we doing everything in the world with pretext except ya know MAKE TEXT READABLE???

Felix Martinez 的头像
Felix Martinez6 个月前

Except this is no pretext 😅

Charles David 的头像
Charles David6 个月前

Welp you’re right I give you credit for that 👍

Felix Martinez 的头像
Felix Martinez6 个月前

Haha love it 😍

Susu 的头像
Susu6 个月前

Would be good to show what it looked like before pretext

Felix Martinez 的头像
Felix Martinez6 个月前

Here is a previous version circa 2024 Not really using pretext, on neither of them 😅

The Sicilian Irish Robot 的头像
The Sicilian Irish Robot6 个月前

@susuinldn lol and your gpu was probably able to heat your home.

The Sicilian Irish Robot 的头像
The Sicilian Irish Robot6 个月前

@susuinldn Or if it was DOM like people say, is that CPU ?

Felix Martinez 的头像
Felix Martinez6 个月前

@susuinldn Its all compute shaders on WebGPU, keeps steady 120fps with 5 substeps per frame, and the fan of my M4 macbook doesn’t even trigger. So all goo’ 😅

The Sicilian Irish Robot 的头像
The Sicilian Irish Robot6 个月前

@susuinldn Humblebrag! 😂 Even as a Windows/Linux guy, I have been eyeing the new M series Pro Books. Beautiful machines.

Susu 的头像
Susu6 个月前

@Sirokos Surprising to hear. Usually people still on Windows/Linux would hate apple to the extreme

Твитгенштейн | Twittgenstein 的头像
Твитгенштейн | Twittgenstein6 个月前

the old man and the sea is the another possibility

Felix Martinez 的头像
Felix Martinez6 个月前

@shipulin Hmmm 🤔 that’s a good one

Archízei 的头像
Archízei6 个月前

People be genuinely be creative ash. I love it.

Felix Martinez 的头像
Felix Martinez6 个月前

Haha thanks! 🙏

Archízei 的头像
Archízei6 个月前

No problem G, Dropped you a follow btw.

🇰🇿🧣❤️‍🔥𝖌𝖎𝖗𝖑_𝖜𝖍𝖔_𝖑𝖔𝖛𝖊𝖘_𝖗𝖊𝖉🍓💥🎸 的头像
🇰🇿🧣❤️‍🔥𝖌𝖎𝖗𝖑_𝖜𝖍𝖔_𝖑𝖔𝖛𝖊𝖘_𝖗𝖊𝖉🍓💥🎸6 个月前

How to make this??

Felix Martinez 的头像
Felix Martinez6 个月前

You have the source code here :

peterkirn 的头像
peterkirn6 个月前

Probably Claude trained on your code 🤪

Felix Martinez 的头像
Felix Martinez6 个月前

Naah 🙊

최유진 的头像
최유진6 个月前

MOOMIN

Felix Martinez 的头像
Felix Martinez6 个月前

YES!

Jamund Ferguson 的头像
Jamund Ferguson6 个月前

Moomin!

Felix Martinez 的头像
Felix Martinez6 个月前

Always! 🥰

Tristan Rhodes 的头像
Tristan Rhodes6 个月前

I love this so much.

Felix Martinez 的头像
Felix Martinez6 个月前

Thanks Tristan :)

Nam Hai 的头像
Nam Hai6 个月前

Sick

Felix Martinez 的头像
Felix Martinez6 个月前

Hey! Thanks my friend :)

dmsimon 的头像
dmsimon6 个月前

Wow.

kendall 的头像
kendall6 个月前

Moomin!!!!!

Felix Martinez 的头像
Felix Martinez6 个月前

Yas! My Finnish girlfriend demanded it 😂

Anet 的头像
Anet6 个月前

This would be such a beautiful hero landing story and then the script slowly turns into readable copy

Felix Martinez 的头像
Felix Martinez6 个月前

yeah that's one of the ideas! Actually the text that compounds the fluid is one chapter of

Anet 的头像
Anet6 个月前

That is beautiful! Each chapter or storyline as motion to readable text would he stunning. A new way of illustrating chapter books without heavy overload. Excited to see more samples 💯

Sonia Tamayo 的头像
Sonia Tamayo6 个月前

wow one of my favs!

Felix Martinez 的头像
Felix Martinez6 个月前

@businessgrowth Thanks Sonia ✌️

Hermes Agent Tips 的头像
Hermes Agent Tips6 个月前

Now that’s pretty cool!

Felix Martinez 的头像
Felix Martinez6 个月前

@OpenClawTips Thanks sir.

Hermes Agent Tips 的头像
Hermes Agent Tips6 个月前

Yw!

smick 的头像
smick6 个月前

this is sick

Felix Martinez 的头像
Felix Martinez6 个月前

haha, thanks 😅

Sarvesh Dhumal 的头像
Sarvesh Dhumal6 个月前

a sea of letters? Yes please. Wow!

Felix Martinez 的头像
Felix Martinez6 个月前

you got it! 🍺

Gustav ❖ 的头像
Gustav ❖6 个月前

Nobody can convince me this isn't the best era for design of ALL TIME.

Jiachi 的头像
Jiachi6 个月前

The framerate is the only context I need. Extremely clean

Felix Martinez 的头像
Felix Martinez6 个月前

good call @JiachiX_ M4 pro 😅

Min 的头像
Min6 个月前

hahahahaha love it screw reading

相关视频

Takin Dabs without coughing is the new wave.
0:40

Sensitive content

Takin Dabs without coughing is the new wave.

Wiz Khalifa

205,228 次观看 • 9 个月前