easings.net
cs-tween
easings.net | cs-tween | |
---|---|---|
111 | 4 | |
7,642 | 5 | |
- | - | |
4.2 | 10.0 | |
2 months ago | almost 4 years ago | |
CSS | C# | |
GNU General Public License v3.0 only | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
easings.net
- Easings
-
2024 Cheat Sheet Collection
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.
-
My favourite animation trick: exponential smoothing
Something like this: https://easings.net/#easeOutExpo
- Show HN: Tweening web visualisation, in Rust – (WASM)
-
Show HN: Improve cognitive focus in 1 minute
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/
- Easing Functions Cheat Sheet
-
How to learn to create non linear function for my game
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.
-
Easings for keyframes
I feel like BB should definitely have easings (specifically the ones on easings.net) for keyframes. Any thoughts?
-
Interactive tutorial building polished UI in JavaScript
> 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
cs-tween
-
legal question about maths formula I found on a GPLv3 licenced website.
Get them from Robert Penner's easing site instead. Or, even better, use the normalized ones from flux.lua since they're easier to work with and understand. You can pass them to any lerp function to blend vectors and colours too. You can use this generator to create versions for your language of choice or use these C# versions.
-
I just wasted 2 hours of my life trying to use a Coroutine when a simple solution was right in front of my face. What is a situation where you have actually implemented a Coroutine?
You can make something slide onscreen and scale up; and then half a second later scale down. Coroutines make it easy to write code to do those things in sequence. Find UI animation that's written as code instead of in the Unity Inspector easier to understand and debug.
-
What are pre-made assets that are more or less universally agreed to be great?
A "custom tween engine" isn't that big an ordeal, but making something with all the features of dotween certainly would be.
-
What is the one gamemaking tool you use that you wish more people knew about?
cs-tween for C#
What are some alternatives?
humane-js - A simple, modern, browser notification system
F3D - Fast and minimalist 3D viewer.
libGDX - Desktop/Android/HTML5/iOS Java game development framework
Light-Reflective-Mirror - A relay transport for mirror.
Most.js - Ultra-high performance reactive programming
laigter - Laigter: automatic normal map generator for sprites!
Compass - Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
flux - A fast, lightweight tweening library for Lua
ParrelSync - (Unity3D) Test multiplayer without building
UnityFx.Async - Asynchronous operations (promises) for Unity3d.
aseprite - Animated sprite editor & pixel art tool (Windows, macOS, Linux)