April 2018
Intermediate to advanced
390 pages
8h 46m
English
The main concept behind the physics animation in this app is the dynamics.animate method from the Dynamics.js library. Let's start with the button in the template, as follows:
<ion-fab center bottom>
<button ion-fab #thisEl (click)="animateMe(thisEl)">
<ion-icon name="mic"></ion-icon>
</button>
</ion-fab>
The button mentioned in the preceding code is the floating button that you can click to create a nice bouncing effect by calling the animateMe() method.
The simple logic here is as follows: