Chroma Design Guide
(Note: Click on the keyboard canvas
to start live editing the Chroma effect.)
This guide provides code snippets and visual examples to explain how to create interesting animations using
the Chroma Animation API. Note: Click the numbered buttons to play the corresponding animation on
connected Chroma devices.
You can use the [ChromaDesign_Template]
to get started
making a Chroma Design. The Chroma animation format is interchangible between various game engines and also
plays on web pages (I.e. this page).
The [Web Chroma Editor App]
can be used
Chroma animations using web cam,
desktop capture, images, and video sources. [OBS Studio]
has a virtual camera feature which allows desktop capture to record Chroma animations from [gameplay]
or even from streaming YouTube videos. The web app can
generate [embedded code]
to embed Chroma animations
in source code for [multiple programming
The web app supports [transform tools]
is supported on the Razer Streaming Portal (BETA). Streaming can be controlled from the browser or
from the Chroma API. See the [streaming
. Add the [Razer Streaming Panel]
Twitch Extension to control Chroma RGB streaming from your live channel.
Sample Chroma plugins and projects with all the sample effects ported from the Chroma Design Guide are
available for download.
Note: The [ChromaDesignConverter] automates
porting Chroma Designs to C++/Visual Basic/C#/Java/Lua/UE4/Unity on PC/XBOX platforms for apps and