- From: CSS Meeting Bot via GitHub <sysbot+gh@w3.org>
- Date: Wed, 28 Jun 2023 17:04:53 +0000
- To: public-css-archive@w3.org
The CSS Working Group just discussed `Animating font-palette`. <details><summary>The full IRC log of that discussion</summary> <fantasai> Topic: Animating font-palette<br> <fantasai> github: https://github.com/w3c/csswg-drafts/issues/8922<br> <drott> Slides: https://docs.google.com/presentation/d/1BFi93NfOUyziJRKciq6lnUOOo1hhgtibE10ZuELzCvo/edit#slide=id.g2554d2a7bfc_1_48<br> <fantasai> -> www-archive@w3.org<br> <fantasai> ???: Hi, I'm Monir, software engineer on Chrome team<br> <dbaron> s/Monir/Munira/<br> <fantasai> munira: Current way to animate font-palette is by JS<br> <fantasai> munira: let's say we want to animate between 2 palettes, in order to do that we need to first anually retriefve color records from font<br> <fantasai> [slide 2]<br> <chris> rrsagent, here<br> <RRSAgent> See https://www.w3.org/2023/06/28-css-irc#T16-56-57<br> <fantasai> after that, we need to interpolate each color<br> <dbaron> s/???/munira/<br> <fantasai> s/after/munira:/<br> <fantasai> munira: then overrid<br> <fantasai> munira: if someone can consider color nterpolation space<br> <fantasai> munira: lastly we need to override the colors from the interpolated values<br> <fantasai> munira: needs to be done once in each frame of animation process<br> <fantasai> munira: by making font-palette colors animatable we can animate using CSS<br> <fantasai> [slide 3]<br> <fantasai> munira: here you can see disrete vs smooth interpolation<br> <fantasai> munira: between pink and gray palettes<br> <fantasai> munira: when feature is implemented, can do it easily declaratively in CSS<br> <fantasai> [slide 4]<br> <fantasai> munira: here is syntax suggestion<br> <fantasai> munira: font-palette is represented by custom identifier<br> <fantasai> munira: and then animated<br> <fantasai> munira: if we wanted computed style in the middle, what would we get?<br> <fantasai> munira: we can't currently represent this<br> <fantasai> [slide 6]<br> <fantasai> munira: for that we introduce palette-mix() function to represent during animation<br> <fantasai> [slide 7]<br> <fantasai> munira: here you can see the syntaxes of the new mix function<br> <fantasai> munira: it's siimlar to color mix<br> <fantasai> munira: it should use OKLab for interpolation<br> <fantasai> munira: unless otherwise specified<br> <fantasai> munira: we also can introduce a new mix() function<br> <fantasai> [slide 8]<br> <fantasai> [slide 9]<br> <drott> s/we also can introduce a new mix() function/we also can introduce a new animation type, by mix() function/<br> <fantasai> munira: short version is animating font-palette using JS is complicated, but using the new function web authors can animate just using declarative CSS<br> <fantasai> munira: if you want to find out more, see GH issue<br> <fantasai> Rossen_: Thanks for the presentation, and for compressing your presentation, was really great<br> <fantasai> Rossen_: I'm sorry to press you for time like this<br> <fantasai> fantasai: What's the relation to the mix() function?<br> <drott> svgeesus: mix() function wouldn't work for this<br> <dbaron> svgeesus: ... as tabatkins pointed out in the issue<br> <fantasai> svgeesus: you're interpolating palettes not colors<br> <fantasai> fantasai: mix() should work, as long as start and endpoints are representable which they are<br> <drott> Yes, issue is: https://github.com/w3c/csswg-drafts/issues/8922 - feedback is welcome.<br> <fantasai> Rossen_: OK, wrapping up<br> <Rossen_> Zakim, end call<br> <Zakim> I don't understand 'end call', Rossen_<br> <Rossen_> Zakim, end meeting<br> </details> -- GitHub Notification of comment by css-meeting-bot Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8922#issuecomment-1611785968 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 28 June 2023 17:04:54 UTC