W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2019

Re: [csswg-drafts] [css-animation] Motion Blur (#3837)

From: Martin <sysbot+gh@w3.org>
Date: Thu, 18 Apr 2019 12:00:34 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-484475053-1555588833-sysbot+gh@w3.org>
Hmm, I think it makes more sense as part of `filter` — as that has been acknowledged as being shader-related or post-processing. Esp. as `filter` is a function-stack.

E.g. `filter: motion-blur(4px)`
Likewise `backdrop-filter: motion-blur(4px)`

The motion blur effect reminds me Unity's Shutter Speed Simulation from the GPU gems article.

I think if we can decide on a simple implementation like adding to the filter property, I'd be OK with this.

But motion blur might not be appropriate really for digital graphics, unless we are simulating a 3D scene and attempting photorealism.

Motion design artists don't actually like using motion blur, it's a common mistake by beginners. There's more to meaning in motion than blurs, read this article to understanding: https://www.schoolofmotion.com/blog/motion-blur-after-effects 

And even for 3D scenes, there are ways of doing non-blur motion: https://twitter.com/chriswade__/status/748050910417387520

I'm a bit wary of global 'motion-rendering' thing.
Could I adjust the motion rendering between none, blur, smear, stretch & squash, etc per element? How can I adjust how much that effect happens? Sometimes you want to have super exaggerated effects, e.g. for slow motion or a cartoon style.

I am in awe the day when we will be able to do all these kinds of expressions of motion on the web: https://twitter.com/tonikopantoja/status/1075951567826644992

GitHub Notification of comment by Martin-Pitt
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3837#issuecomment-484475053 using your GitHub account
Received on Thursday, 18 April 2019 12:00:39 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:46 UTC