Category : animation

I have an expansion panel component. This component works fine on its own. Here is the code for it. HTML <div class="container"> <div class="header" (click)="toggleSelf()"> <div class="header–content"> {{ header }} </div> <div class="header–action" [ngClass]="{ rotated: !isClosed }"> <mat-icon svgIcon="chevron-down-filled"></mat-icon> </div> </div> <div class="content" *ngIf="!isClosed" [@expand]> <div class="content-wrapper"> <ng-content></ng-content> </div> </div> </div> Typescript import { Component, ..

Read more

I’m trying to implement an Angular based stopwatch but I can’t get the binding to update without flickering. I want the stopwatch to count every second. For updating the stopwatch I use a requestAnimationFrame with a callback function. private stopWatch() { const current = new Date(); const count = +current – +this.ffCheckinTimestamp; this.timer = this.formatTime(count); ..

Read more

I’ve been developing a retargeting application for skeleton animations, everything’s working great, however I have come across a problem I’m struggling to wrap my head around. The issue: Users can import their own skeleton rigs which may have different coordinate systems than my reference rig (the rig that contains animation data). I have successfully built ..

Read more