4 ms·
Why was the solution to optimize the animation instead of... using a static asset?
by ericmcer 2y ago
Why was the solution to optimize the animation instead of... using a static asset?
- moffkalast 2y agoWe paid for the whole CSS spec and we're gonna use the whole CSS spec.
- joquarky 2y agoThis, but for everything wevdev-related in the past ten years.
- jonas21 2y agoBecause it provides an indication that the app is receiving your voice input?
- teaearlgraycold 2y agoI think they're suggesting an animated PNG or GIF.
- kccqzy 2y agoOr even better an animated SVG. Put it inside an <img> tag with a known width and height.
- LegionMammal978 2y agoI'd be very surprised if SVG animations don't use substantially the same rendering paths that CSS animations do. In fact, if anything, I'd expect CSS animations to receive more time and attention from browser devs than the old SMIL elements and attributes, to whatever extent that they aren't equivalent internally.
- teaearlgraycold 2y agoSVGs are usually animated with CSS.
- kccqzy 2y agoYeah but the crux of the problem is when height is animated the browser needs to redo the layout. Here the animation is contained entirely within an <img> tag with known width and height.
- Joe_Cool 2y agoThat's something I'd use a canvas or even a SVG for. SVG FFT Analyzer sound like a fun project. Oh, looks like I'm way late: https://cprimozic.net/blog/building-a-signal-analyzer-with-modern-web-tech/ https://cprimozic.net/blog/building-a-signal-analyzer-with-m...
- jonas21 2y agoHow would an animated PNG or GIF respond when the user is speaking?
- teaearlgraycold 2y agoSwitch between different PNGs depending on voice activity.
- lightedman 2y agothat's how veadotube works for vtubers.
- talldatethrow 2y agoI assume there's a way to pause a gif.
- deleted 2y ago[deleted]
- teaearlgraycold 2y agoThat would be more optimized for sure. But it wouldn't be scalable and would take more work to create than what looks like a pretty simple change.