#Wallpaper engine web wallpaper tutorial how to#
#Wallpaper engine web wallpaper tutorial update#
#Wallpaper engine web wallpaper tutorial full#
#Wallpaper engine web wallpaper tutorial software#
#Wallpaper engine web wallpaper tutorial code#

When you've followed all these steps you should see your keyboard change key-by-key from black to red, from red to green and finally from green to blue.

#Wallpaper engine web wallpaper tutorial update#

The color stays the same until all LEDs are updated.Д«y passing more than one LED update object to you can update multiple LEDs in a high-performance way. Since each frame updates the LED index we'll be changing a different LED every frame. Now it's time to assign a color to the current LED. Since retrieving them might take a while the current frame is skipped once again. Retrieving the keyboard's LEDsД«efore we can assign the keyboard's LEDs new colors, they must be retrieved first. If none is found the current frame is skipped.

#Wallpaper engine web wallpaper tutorial code#

The following code will find the first device of type CTD_Keyboard. The first step is retrieving the keyboard.

If all LEDs have been updated, move to the next color and start at the first LED again.

Update the LED index, so the next frame repeats steps 1-4 for the next LED.

Assign the color to the current LED, for this sample we'll loop through red, then green and finally blue.

Make sure the keyboard's LEDs are retrieved, if they aren't, retrieve them now and skip the frame.

To keep things simple we'll do all the work each frame, this isn't the most optimized solution but works well for this guide.Д®ach frame our script must run through the following steps: To demonstrate this we'll loop through all LEDs on the keyboard (this guide assumes you have one, you can also swap it out for a different device).ДЇirst let's define some variables we'll need each frame and create a render loop that updates the keyboard 30 times per second In the case of a keyboard there's a LED for each key. With the devices detected it's now possible to get all available LEDs on the device. A good place to do this is in the wallpaperPluginListener callback we made in the last example. You must call the setupDevices function yourself after you've set icueAvailable to true. This is done by asking Wallpaper Engine how many devices are detected and following it up by requesting info on each detected device. Now that iCUE is available, we want to know what kind of devices are available on the system. All iCUE functionality will be available in the window.cue variable. With this code we'll know that if icueAvailable is true, it's ok to use the rest of the iCUE integration. To use iCUE we need a listener for this event: When this happens an event will fire in your wallpaper. If it is available, Wallpaper Engine will detect and initialize the iCUE integration.

Review the iCUE SDK documentation, Wallpaper Engine acts as a bridge between your web wallpaper and this SDKДЄlthough the regular iCUE SDK is made for C++, you don't need any C++ knowledge to follow this guide, in Wallpaper Engine the SDK is available through JavaScript.

In Wallpaper Engine, make sure you enabled the iCUE plugin under Settings > Plugins.

Make sure you are running the latest version of iCUE.

For testing purposes you need one or more CORSAIR iCUE enabled products.

If you have never made a web wallpaper before, check out the starter tutorial for web wallpapers here: New Web Wallpaper

This tutorial requires knowledge about HTML, JavaScript and JSON.

#Wallpaper engine web wallpaper tutorial full#

The full resulting wallpaper will be provided at the end of the guide. When viewing the code examples, be sure to read the comment lines in the code for extra explanation. With the help this guide and your own HTML/JavaScript experience you can fully sync up a CORSAIR-based lighting setup with your wallpaper.

Wallpaper Engine supports all CORSAIR devices supported by the official iCUE SDK, ranging from keyboards to LED strips.

#Wallpaper engine web wallpaper tutorial how to#

In this guide you'll learn how to add iCUE integration to your web wallpaper. For a full list of iCUE compatible devices, click HERE.

#Wallpaper engine web wallpaper tutorial software#

WeвЂ™re excited to ask you to join us in these early access stages to help us create the best software possible.

If you are using CUE, installing iCUE will automatically replace your CUE software and migrate settings.Д¬ORSAIR iCUE is an ambitious undertaking that, when complete, will provide you with more monitoring, lighting, and fan control capabilities than ever before.

If you are currently using CORSAIR LINKв„ў you MUST update to the latest version (4.9.6.19 or newer).

The primary purpose of early access is to gain feedback from our users about the features and performance of the CORSAIR iCUE software.ДЄs a precaution, to prevent loss of valuable data it is highly recommended that before installing the iCUE Early Access software, you perform a full back up of your data and critical files.

The CORSAIR iCUE software is currently in early access stage, meaning it does not yet have all features enabled and may contain defects.