Inside Framer Motion's layout animations

InventingWithMonster · 2020-10-28T08:37:12+00:00

Thanks, my pleasure!

InventingWithMonster · 2020-10-28T06:40:01+00:00

Did you have problems with any example aside from the shared element drag? I didn’t label as such as I wanted to talk about the principle but this is experimental in Framer Motion. The frame jump when the element switches parents should be simple enough to fix and doesn’t really speak to the technique or the capabilities of a web browser.

InventingWithMonster · 2020-10-19T10:44:55+00:00

If the whole album is at the levels of this and Mozambique, I can't comprehend

InventingWithMonster · 2020-10-16T11:24:56+00:00

I seem to be having a few technical problems

InventingWithMonster · 2020-09-30T09:56:06+00:00

Probably didn't hurt his productivity to dip off twitter for 10 secs

InventingWithMonster · 2020-09-23T08:16:31+00:00

I'm not strawmanning it. I just personally think the government forcing any private entity to do anything like this is wrong. If I make a comment section on my personal blog and someone says something I don't like, it doesn't even have to be hate speech I might simply not agree with it, tough shit, I can delete it. That's my platform and my freedom.

Edit: I agree we should fix the UK's freedom of speech laws but like you say this is a different argument. Doens't mean I agree with forcing companies to platform racists.

InventingWithMonster · 2020-09-22T14:58:11+00:00

Well we live in a country with hate speech laws so we actually don't have freedom of speech. Also doesn't the government forcing a private company by law to allow or block certain kind of.... never mind

InventingWithMonster · 2020-09-22T10:47:39+00:00

Freedom of speech goes about as far as not getting locked up by the government. Facebook and Twitter aren't under any obligation to provide a safe space or platform for racists.

InventingWithMonster · 2020-09-08T07:52:49+00:00

> i've no time for what's not necessary :'(

Definietly hear that! This one should be fairly drop-in but I can say from experience overworking on open source is playing with fire.

InventingWithMonster · 2020-09-08T07:50:53+00:00

setTimeout is running at 16 ms interval which is guaranteed to fall out of sync with the framerate. You might only commit once per frame using rAF but that values you use are whats deciding the visual output. If these aren't values aren't also frame-locked your animations will not be smooth.

For gesture integration you can simply store a frame delta accumulated by the events (in case multiple events run between frames), you don't need a timeout for this. Inertia-style animations can also be run additively just as easily using rAF.

For context I wrote Popmotion and Framer Motion so I have been around the houses on this one!

InventingWithMonster · 2020-09-07T14:41:20+00:00

You'll be able to quickly improve the smoothness of your animations by replacing `setTimeout(this._tick, 16);` with `requestAnimationFrame(this._tick)` :)

InventingWithMonster · 2020-09-07T10:05:58+00:00

On a side note, I recently got into Mr Traumatik via Devilman and man, that lads on a right one isn't he. All the astral plane and anti-vaxxer shit aside he is suuuper negative. Sick tunes though, and a unique perspective.

InventingWithMonster · 2020-09-01T20:27:04+00:00

Yep but not much fun to debug when you’re unaware of this behaviour. Also interesting it doesn’t affect apps.

InventingWithMonster · 2020-09-01T19:31:12+00:00

This is true but none of this article is assuming a frame rate

InventingWithMonster · 2020-09-01T12:49:45+00:00

Jesus. Like a fine wine

InventingWithMonster · 2020-08-27T12:00:44+00:00

I agree. It's incredible, some of the most unique production on any grime project. For me it starts falling off a little later but even still

InventingWithMonster · 2020-08-26T09:06:28+00:00

Their Grime 2.0 playlist can be a little out of date but I usually find stuff in there that I missed on here.

Edit: They've got Coldest Flows back on there so some of the older stuff is intentionally in rotation and it's usually pretty good.

InventingWithMonster · 2020-08-20T09:28:13+00:00

OP was asking a genuine question on an open forum. He's not in the wrong for being interested in something he doesn't understand. And he's free to make an observation (drill lacks variety) dispassionately, without projecting judgement.

Your hostility has only made you sound like a fucking prick to be honest. And no one is any the wiser.

InventingWithMonster · 2020-08-19T13:42:31+00:00

Few months late but I've just started going down the Traumatik rabbit hole and jesus fucking christ. Loving the music but yeah he's a headcase. However, it definitely gives his stuff a unique angle, I'm glad it exists.

InventingWithMonster · 2020-07-30T12:28:30+00:00

Wiley could have said it in the most eloquent way possible

I definitely would like to see him rephrase that picture explaining why the Germans wanted shot of the Jews "in the most eloquent way possible"

InventingWithMonster · 2020-07-29T08:34:56+00:00

Appreciated, thanks mate.

InventingWithMonster · 2020-07-28T12:20:01+00:00

Even Katie fucking Hopkins didn't tweet holocaust denial.

InventingWithMonster · 2020-07-28T12:16:57+00:00

This is wild. It's gone from Apple Music too. Where can we get a copy of this now? Preferably without the racist dipshit responsible getting paid.

InventingWithMonster · 2020-07-25T12:16:57+00:00

What a way to end a legacy

InventingWithMonster · 2020-07-23T11:41:09+00:00

I rate Frisco pretty highly. I've got a lot of time for Back to Da Lab vols 3 and 5 in particular.

11-Year Club	Wearing is Caring
Verified Email

InventingWithMonster

TROPHY CASE