Interactive Layer

Last updated 10.01.2024

The interactive layer listens for key presses on the keyboard and plays an animation from that key. This can be used to make ripple effects (as shown in the GIF below) or have the key light up and slowly fade out when it’s been pressed.

Pressing keys on an interactive layer with key wave mode

Properties

Name	Description
Interactive Effect Type	Key Wave - A circle emerges from the pressed key and slowly expands. It is initially Primary Color, then fades to Secondary Color. Key Fade - The pressed key turns the into the Primary Color then fades to Secondary Color then fades out. Key Wave (Filled) - The same as "Key Wave" but is a filled circle rather than only a border. Arrow Flow - A rectangle with a constant height is created at the location of the pressed key and it slowly increases in width. Key Wave (Rainbow) - Same as "Key Wave" but the circle takes on a gradient color, with blue in the inner side and red on the outer side.
Primary Color	The solid color to set all the affected keys to during the first half of the animation.
Use Random Primary	Tick this to use a random color during first part of the animation instead of using Primary Color.
Secondary Color	The solid color to set all the affected keys to during the second half of the animation.
Use Random Secondary	Tick this to use a random color during second half of the animation instead of using Secondary Color.
Effect Speed	How quick the animation plays. Higher = faster.
Effect Width	How thick the circle lines are for the "Key Wave"s, or how tall the rectangle is for "Arrow Flow".
Start when key released	Whether to star the animation when the key is released, instead of when it is first pressed.
Excluded Keys	A collection of keys that will not trigger the animations (but will still show the animation if it passes over).

Page authored by