Custom controls is a feature for Mixer Interactive that allows you to create Interactive experiences for Mixer viewers and streamers. Unlike our standard controls and prefabs, such as the button and joystick, this allow you to create rich and engaging experiences with effectively limitless customizability!
Looking to Dive in?
If you're looking to dive straight into writing custom control experiences then you have two choices:
- Use Preact - Leverage the power of Preact, TypeScript and our Existing Controls to get started quickly.
- Use HTML - Start from scratch, use your favorite UI Library or Draw your Interactivity directly using a HTML Canvas.
You can also continue reading for an Overview on how the components of Custom Controls work.
Custom Control Components
Custom Controls rely on several key components that work together to deliver an Interactive Experience on Mixer.
In Mixer, Interactive creations are organized into Projects, which include a name, description, and authorship information. Each Project has multiple Versions, which contain specific information about the layout of controls, groups, and scenes. For more information about Interactive in general, check out our Interactive Reference.
Bundles themselves can have multiple bundle versions. Bundles are initially created privately, accessible only to you. Once you decide to "publish" a bundle version to make it public, you won't be able to modify it. This ensures that you don't break users who are relying on released versions of your bundles.
Within a Custom Control bundle are a set of Controls.
Controls are interactive elements within an Interactive experience such as a Button, Joystick or even a MiniMap. They allow users to give inputs and receive data from your Game or Application. They exist within scenes of an Interactive experience and have a free-form set of properties that can be used to modify their behavior or appearance. They can also send inputs and data to your Game Client which can in turn send data back to update the control's appearance or behavior.
For more information on Mixer's Standard Controls, check out the documentation for them.
In summary, when a streamer goes Interactive with a version of your Interactive Project, Mixer will look up the linked bundle for this version and load it onto the streamer's channel page for any viewers watching. They'll be connected through Mixer to your Game or Application where you can start receiving inputs and data to change and enhance a streamer's game or broadcast.