Skip to content

4. Animations

Jump to bottom
Gary Criblez edited this page Jun 26, 2020 · 9 revisions

Animation properties

Here is the set of properties used by the different animation member functions :

Properties Types Descriptions
target String Name of the 4D form object that will be the target of the operation.
duration Longint Duration of the operation. Value in milliseconds.
offset Longint Value expressed in pixels with a positioning specific to each type of animation.

It is possible to pass the value -1 to an offset. The offset will then take the value allowing the form object (target) to be taken out of the form window according to the orientation.

This shortcut only works for animations which take into account the offset and the orientation.
factor Real It defines the ratio of shrinkage or enlargement.
orientation String It defines the orientation of the movement. (up, down, left, right)
hideAtTheEnd Boolean It defines if the target will remain displayed or not at the end of the animation.
callback String Name of the method to be executed at the end of an animation. Available for each animation
callbackParams Object You can pass parameters to the callback by an object.

⚠️ Each animation has its own properties. Associating another type of property will have no effect. For example: defining the factor property to the bounce member function will have no effect on this animation!

Of course the values of the properties can be modified if you wish. For example, to change the offset of the bounceInUp animation you just have to define the desired offset writing the following code:

C_OBJECT($animation)
$animation:=New Animation 
$animation.target:="Rectangle"
$animation.offset:=80
$animation.bounceInUp()

Detailed list of animations and their properties

backIn

  • target
  • duration: 1000
  • factor: 1
  • offset: 200
  • orientation: right
  • hideAtTheEnd: False

backOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 200
  • orientation: right
  • hideAtTheEnd: False

backInOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 200
  • orientation: right
  • hideAtTheEnd: False

bounce

  • target
  • duration: 200
  • offset: 40
  • orientation: none
  • hideAtTheEnd: False

bounceIn

  • target
  • duration: 1000
  • factor: 1
  • offset: 300
  • orientation: right
  • hideAtTheEnd: False

bounceOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 300
  • orientation: right
  • hideAtTheEnd: False

bounceInOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 200
  • orientation: right
  • hideAtTheEnd: False

circIn

  • target
  • duration: 1000
  • factor: 1
  • offset: 500
  • orientation: right
  • hideAtTheEnd: False

circOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 500
  • orientation: right
  • hideAtTheEnd: False

circInOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 500
  • orientation: right
  • hideAtTheEnd: False

cubicIn

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

cubicOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

cubicInOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

elastic

  • target
  • duration: 1000
  • factor: 1
  • offset: 100
  • orientation: right
  • hideAtTheEnd: False

elasticIn

  • target
  • duration: 1000
  • factor: 1
  • offset: 100
  • orientation: right
  • hideAtTheEnd: False

elasticOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 100
  • orientation: right
  • hideAtTheEnd: False

elasticInOut

  • target
  • duration: 1000
  • factor: 1
  • offset: 100
  • orientation: right
  • hideAtTheEnd: False

expoIn

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

expoOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

expoInOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

flash

  • target
  • duration: 1000
  • frequency: 10
  • iterations: 2

heartbeat

  • target
  • duration: 200
  • iterations: 3
  • delay: 500
  • factor: 1.2

jump

  • target
  • duration: 200
  • iterations: 4
  • offset: 30
  • orientation: none

pulse

  • target
  • duration: 400
  • iterations: 3
  • factor: 1.2

quadIn

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quadOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quadInOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quartIn

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quartOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quartInOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quintIn

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quintOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

quintInOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

shakeNo

  • target
  • duration: 100
  • offset: 50
  • hideAtTheEnd: False

shakeYes

  • target
  • duration: 100
  • offset: 30
  • hideAtTheEnd: False

sineIn

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

sineOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

sineInOut

  • target
  • duration: 2000
  • factor: 0.3
  • offset: 250
  • orientation: right
  • hideAtTheEnd: False

slide

  • target
  • duration: 1000
  • offset: 100
  • orientation : none
  • hideAtTheEnd: False

slideIn

  • target
  • duration: 1000
  • offset: 100
  • orientation: none
  • hideAtTheEnd: False

slideOut

  • target
  • duration: 1000
  • offset: 100
  • orientation: none
  • hideAtTheEnd: False

swingFromTo

  • target
  • duration: 2000
  • factor: 0.1
  • offset: 200
  • orientation: none
  • hideAtTheEnd: False

swingFrom

  • target
  • duration: 2000
  • factor: 0.1
  • offset: 200
  • orientation: none
  • hideAtTheEnd: False

swingTo

  • target
  • duration: 2000
  • factor: 0.1
  • offset: 200
  • orientation: none
  • hideAtTheEnd: False

zoomIn

  • target
  • duration: 1000
  • factor: 0.5
  • offset: 500
  • orientation: none
  • hideAtTheEnd: False

zoomOut

  • target
  • duration: 1000
  • factor: 0.5
  • offset: 100
  • orientation: none

AJUI Animate 1.0.1 - Thursday, 02 July 2020

Home

User Manual 🇺🇸

Manuel d'utilisation 🇫🇷

Clone this wiki locally