B4J Question [BANanoVuetifyAD3] On beginning basic Animations with BANanoAnimeJS, what other types of animations would you be interested in?

Mashiane

Expert
Licensed User
Longtime User
Ola

See BVAD3 Animations on Github





After being inspired at how b4x animation names are "simple" with SetLayoutAnimations, we have followed suit and added some basic animations to BVAD3, off course animeJS is more advanced. So rather look at this at some kind of rewind and also based on something we are accustomed to:

These are based on animeJS and are:

  • SetVisibleAnimated(elID As String, duration As Int, visibleState As Boolean) As BANanoAnimeJS
  • SetLayoutAnimated(elID As String, duration As Int, left As String, top As String, width As String, height As String) As BANanoAnimeJS
  • SetLayoutAnimatedRadius(elID As String, duration As Int, left As String, top As String, width As String, height As String, radius As String) As BANanoAnimeJS
  • SetWidthAnimated(elID As String, duration As Int, width As String) As BANanoAnimeJS
  • SetHeightAnimated(elID As String, duration As Int, height As String) As BANanoAnimeJS
  • SetWidthAnimated(elID As String, duration As Int, width As String) As BANanoAnimeJS
  • SetHeightAnimated(elID As String, duration As Int, height As String) As BANanoAnimeJS
  • SetRadiusAnimated(elID As String, duration As Int, radius As String)As BANanoAnimeJS
  • SetLeftAnimated(elID As String, duration As Int, left As String) As BANanoAnimeJS
  • SetTopAnimated(elID As String, duration As Int, top As String) As BANanoAnimeJS
  • SetRotationAnimated(elID As String, duration As Int, degrees As Int) As BANanoAnimeJS
  • SetDataAnimated(elID As String, duration As Int, endValue As Object) As BANanoAnimeJS
We are exploring setting colors and visibility the VueJS way. These are on the Vuetify component and you pass them the #id of the element to animate.

I cant wait to see what people will create with this?

Ta!

PS: Dont forget you can start learning how to create websites/webapps with BVAD3 from the Mashy Teaches Series.
 
Cookies are required to use this site. You must accept them to continue using the site. Learn more…