Animating a Stable Diffusion side project

Frontend First

Content provided by Frontend First, Sam Selikoff, and Ryan Toronto. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Frontend First, Sam Selikoff, and Ryan Toronto or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ro.player.fm/legal.

2+ y ago 47:55

MP3•Pagina episodului

Ryan tells Sam about a side project of his that involves running the text-to-image deep learning model Stable Diffusion on his laptop in response to web requests. Ryan asks Sam questions about animating this UI, including how to animate indeterminate progress, how to avoid unintentional layout animation, and how to automatically repeat a set of items while scrolling rather than stopping at the end.

Topics include:

0:00 - Intro
0:24 – Overview of Ryan’s Stable Diffusion project -
9:36 – Strategies for animating partially indeterminate progress -
18:25 – Brainstorm of the API for the headless version of a partially indeterminate progress Hook -
25:32 – Unintentional layout animation during window resize -
28:29 – Infinite scrolling of a finite array of items -
38:52 – Discussion of the need for more high-level Framer Motion examples -

Links:

Framer Motion docs

201 episoade

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs