diff --git a/docs/lightshow_lol_animation.md b/docs/lightshow_lol_animation.md index d8932f110c..efb22dd30b 100644 --- a/docs/lightshow_lol_animation.md +++ b/docs/lightshow_lol_animation.md @@ -5,9 +5,46 @@ nav_order: 0 parent: Lightshow.lol --- + + # Preview Animation -
+
@@ -23,3 +60,10 @@ The five animation shape options are self-explanatory, but the six slider option - **Blur**: This controls the appearance of the blink on the screen, increasing softness and diffusion. - **Radius**: This controls the size of the animation pattern on the screen. - **Spread**: With many LEDs, this controls the distance between LEDs in the preview. + +
+ + 🔗 Next Device Control → + + +
\ No newline at end of file diff --git a/docs/lightshow_lol_color_picker.md b/docs/lightshow_lol_color_picker.md index 90ae322dcd..4daea9ebdc 100644 --- a/docs/lightshow_lol_color_picker.md +++ b/docs/lightshow_lol_color_picker.md @@ -4,7 +4,42 @@ title: Color Picker nav_order: 6 parent: Lightshow.lol --- + # Color Picker @@ -14,4 +49,19 @@ The **Color Picker** is a detailed interface for picking new colors for a colors ### Key Features - **Precision Control:** Fine-tune colors with RGB/HEX inputs. -- **Quick Adjustments:** Easily modify brightness, saturation, and hue. \ No newline at end of file +- **Quick Adjustments:** Easily modify brightness, saturation, and hue. + +The color picker is opened by selecting a color in the colorset, and it can be closed unlike most other panels. The color picker will update the color of the last color that was clicked in the colorset. + +When a device is connected it will display a live preview of the color being chosen as the user navigates the color picker. + +
+ + ← Colorset Panel 🔗 + + + + 🔗 Animation Panel → + + +
\ No newline at end of file diff --git a/docs/lightshow_lol_colorset.md b/docs/lightshow_lol_colorset.md index 527e69fccf..5ba58963a7 100644 --- a/docs/lightshow_lol_colorset.md +++ b/docs/lightshow_lol_colorset.md @@ -4,10 +4,64 @@ title: Colorset Controls nav_order: 5 parent: Lightshow.lol --- + # Colorset Controls The **Colorset Panel** represents the list of colors for the selected leds of the current mode. +### Key Features + +- **Drag and Drop** Drag to rearrange colors in your colorset. +- **Dynamic Color Picker:** Click to modify the color with the Color Picker + +There is a maximum of 8 colors in a colorset, black is considered 'off' which can be used to extend gaps in the pattern. + +
+ + ← Pattern Panel 🔗 + + + + 🔗 Color Picker → + + +
+ + diff --git a/docs/lightshow_lol_device_controls.md b/docs/lightshow_lol_device_controls.md index 6134c5c5e7..9751f3d7c7 100644 --- a/docs/lightshow_lol_device_controls.md +++ b/docs/lightshow_lol_device_controls.md @@ -4,7 +4,42 @@ title: Device Controls nav_order: 1 parent: Lightshow.lol --- + # Device Controls @@ -17,4 +52,13 @@ The **Device Controls Panel** is very simple, offering only two purposes: **sele In both cases, whether **Selecting** or **Connecting** a device, the **LED Selection Panel** will appear, this will be covered below. - +
+ + ← Prev Animation Panel 🔗 + + + + 🔗 Next Modes Panel → + + +
diff --git a/docs/lightshow_lol_led_selection.md b/docs/lightshow_lol_led_selection.md index a0915e6b73..8c86228c27 100644 --- a/docs/lightshow_lol_led_selection.md +++ b/docs/lightshow_lol_led_selection.md @@ -4,7 +4,42 @@ title: Led Selection nav_order: 3 parent: Lightshow.lol --- + # LED Selection Panel @@ -17,3 +52,14 @@ The **LED Selection Panel** allows you to interact with and assign configuration - **Individual Customization:** Select individual LEDs to assign patterns and colors. - **Batch Selection:** Group LEDs for simultaneous modifications. +
+ + ← Modes Panel 🔗 + + + + 🔗 Pattern Panel → + + +
+ diff --git a/docs/lightshow_lol_modes.md b/docs/lightshow_lol_modes.md index 2d7457b2b7..d9a57da1fd 100644 --- a/docs/lightshow_lol_modes.md +++ b/docs/lightshow_lol_modes.md @@ -4,7 +4,42 @@ title: Modes List nav_order: 2 parent: Lightshow.lol --- + # Modes List @@ -18,3 +53,15 @@ The **Modes Panel** organizes and manages your lightshow's overall structure. A - **Import/Export:** Import existing modes from your device or export them for sharing. - **Sharing:** Quickly share your mode with the Vortex Community. + +
+ + ← Device Control 🔗 + + + + 🔗 Led Selection → + + +
+ diff --git a/docs/lightshow_lol_pattern.md b/docs/lightshow_lol_pattern.md index 667252f955..0b4e87b878 100644 --- a/docs/lightshow_lol_pattern.md +++ b/docs/lightshow_lol_pattern.md @@ -4,7 +4,42 @@ title: Pattern Controls nav_order: 4 parent: Lightshow.lol --- + # Pattern Controls @@ -16,3 +51,17 @@ The **Pattern Panel** is where you design and assign animations for your LEDs. P - **Pattern Library:** Choose from a library of predefined patterns (e.g., strobe, dops, blend). - **Custom Parameters:** Adjust parameters like blink size, gap size, blend speed, etc +Test test test + +
+ + ← Led Selection 🔗 + + + + 🔗 Colorset Panel → + + +
+ +