easings.net VS ScreenToGif

Easings: When working with animations and transitions, Easings provides a comprehensive cheat sheet for various easing functions, allowing developers to visualize and choose the perfect timing curve for their projects.

Something like this: https://easings.net/#easeOutExpo

Very timely and helpful, thank you!

A suggestion: the pulse animation would look much better with ease-in / ease-out animation curves instead of the harsh linear curve it's currently using. EaseInOutSine from this cheat sheet would do fine: https://easings.net/

One I like to reference is this easing functions cheatsheet. Its aimed at programming animations, but a lot of the principles apply to your needs.

I feel like BB should definitely have easings (specifically the ones on easings.net) for keyframes. Any thoughts?

> I wasn’t sure what type of math function would work for this

Usually people use "easing functions", which are convenient since they typically have a range and image both in [0.0 .. 1.0] [1] (although sometimes the range is slightly above 1 or below 0 to produce some "effect"). CSS has a cubic-bezier function [2] that can be used to replicate pretty closely all sorts of easing functions.

Functions that look like an "S" when plotted are called "sigmoids", a popular one used in graphics applications is called "Smoothstep" [3].

--

1: https://easings.net

2: https://developer.mozilla.org/en-US/docs/Web/CSS/easing-func...

3: https://en.wikipedia.org/wiki/Smoothstep

By following these steps, your diagram will be exported as an SVG, keeping the animation intact. If you find yourself on a platform that doesn't support SVG, you can use external programs like ScreenToGif. This program lets you record your screen and export the recording as a GIF. Handy for platforms that prefer GIFs over SVGs.

ScreenToGif has a very nice editor that can make cinemagraphs, remove duplicate frames, etc.

ffmpeg can make gifs, but I don't know how you would do stuff like static regions. It could probably be done with some masking and filtering, but I think you would need to make the mask separately so why not use a GUI gif editor instead?

https://www.screentogif.com/

If you need to show the screen, you should take a screen shot of the entire window, via Window->SaveScreenshot, rather than using a cell phone or something. Take the entire screen instead of just the one part you think is broken. The reason it's broken is not the part, but something else, or you would have already figured out why it's broken. (Sadly, blender no longer has built in screen-animation recording for some reason, but I'm told https://www.screentogif.com/ is a good tool to have handy.)

Also depending on what you're doing Screen to GIF is fantastic.

Screen to gif is a nice programm for that. Have a look at it: https://www.screentogif.com/

Happily. Is free https://www.screentogif.com/ I record the screen, halve the gif size, add the steps in writing at the bottom of the gif, then paste it into a google doc.

I just used the first result which comes up when you search for a GIF recorder in google.

ScreenToGIF is my go-to. Easy to capture, solid set of editing tools, and a top-notch compression algorithm for saving at a high-quality.

If you need to show the screen, you should take a screen shot of the entire window, via Window->SaveScreenshot, rather than using a cell phone or something. Take the entire screen instead of just the one part you think is broken. The reason it's broken is not the part, but something else, or you would have already figured out why it's broken. (Sadly, this no longer works for recording an animation for some reason, but I'm told https://www.screentogif.com/ is a good tool to have handy.)

Use this : https://www.screentogif.com/ It's free and works great