Brickscore / Features / 
Core Animator

Core Animator

Features

Documentation

Core Animator is the integration of the popular GSAP ScrollTrigger library so that you can design real-time animations at Bricks Builder.
To have a better understanding of how GSAP Scrolltrigger works and parameters you can check their official documentation

Core Animator is based on ScrollTrigger timelines. You can rename, delete or generate infinite timelines.
We included a preview that replicates all timeline´s delays and durations and by enabing Markers you can preview the starting point of each of your animations.
Additionally, Core Animator interface is resizable and draggable so that you have a customizable view of Core Animator at your builder.

Core Animator is at its first version, we will progressively cover more of GSAP possibilities at next Brickscore versions.

ScrollTrigger

Element

The element that will receive the animation.
You can use the Element´s selector to select an element and automatically introduce its className at the input or you can introduce it manually.

Trigger

The element that will triggered the animation when it enters the viewport. this by default (the element itself).
You can use the Element´s selector to select an element and automatically introduce its className at the input or you can introduce it manually.

Start

The starting point that will be recognised when the element selected at the Trigger enters the viewport. top bottom by default. top bottom means when the top of the trigger hits the bottom of the viewport.
You can choose from a variety of Start options or introduce it manually.

Animation

Property

The animation property that will be applied at the Element you selected. Opacity by default.
You can choose from a variety of Property options or introduce it manually.

From

Means the property you selected will switch to this parameter at page load. 0 by default (for Opacity property).

To

Means the property you selected will switch to this parameter once the Trigger reachs the viewport. 1 by default (for Opacity property).

Duration

The animation duration of the property once the Trigger reachs the viewport. 1 by default.

Duration

The animation delay of the property once the Trigger reachs the viewport. 0 by default.

Ease

GSAP easing of the animation property. sine by default.
You can choose from a variety of Ease options or introduce it manually.

Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.