diff --git a/docs/assets/three-panels-save-preset.gif b/docs/assets/three-panels-save-preset.gif new file mode 100755 index 000000000..75247dd6c Binary files /dev/null and b/docs/assets/three-panels-save-preset.gif differ diff --git a/docs/assets/three-panels-setup-segment-0.gif b/docs/assets/three-panels-setup-segment-0.gif new file mode 100755 index 000000000..4b6b24cd3 Binary files /dev/null and b/docs/assets/three-panels-setup-segment-0.gif differ diff --git a/docs/assets/three-panels-setup-segment-1-1.gif b/docs/assets/three-panels-setup-segment-1-1.gif new file mode 100755 index 000000000..1f7c71384 Binary files /dev/null and b/docs/assets/three-panels-setup-segment-1-1.gif differ diff --git a/docs/assets/three-panels-setup-segment-1.gif b/docs/assets/three-panels-setup-segment-1.gif new file mode 100755 index 000000000..76e8f8daf Binary files /dev/null and b/docs/assets/three-panels-setup-segment-1.gif differ diff --git a/docs/assets/three-panels-setup-segment-2-1.gif b/docs/assets/three-panels-setup-segment-2-1.gif new file mode 100755 index 000000000..10e67c0cc Binary files /dev/null and b/docs/assets/three-panels-setup-segment-2-1.gif differ diff --git a/docs/assets/three-panels-setup-segment-2.gif b/docs/assets/three-panels-setup-segment-2.gif new file mode 100755 index 000000000..10e67c0cc Binary files /dev/null and b/docs/assets/three-panels-setup-segment-2.gif differ diff --git a/docs/assets/three-panels-setup-segment-3.gif b/docs/assets/three-panels-setup-segment-3.gif new file mode 100755 index 000000000..d3b284dab Binary files /dev/null and b/docs/assets/three-panels-setup-segment-3.gif differ diff --git a/docs/products/m1/setup/m1-multiple-panels.md b/docs/products/m1/setup/m1-multiple-panels.md index 4c0ff0822..f93451bf7 100755 --- a/docs/products/m1/setup/m1-multiple-panels.md +++ b/docs/products/m1/setup/m1-multiple-panels.md @@ -152,8 +152,72 @@ Choose the number of panels you are using below to get started! === "Three Panels" - wefwef + 1\. Navigate to the main page of your wled instance in a browser or using the WLED-native app and focus on the Segments section. + + 2\. Since we are using three panels, we will begin by editing Segment 0 and setting the Stop X to "192" and the Stop Y to "16". + + ![](../../../assets/three-panels-setup-segment-0.gif) + + 3\. Click on Add segment, give it a name (such as Segment 1) then set the Start Y to "16" and the Stop Y to "32". + + ![](../../../assets/three-panels-setup-segment-1-1.gif) + + 4\. Click on Add segment, give it a name (such as Segment 2) then set the Start Y to "32" and the Stop Y to "48". + + ![](../../../assets/three-panels-setup-segment-2-1.gif) + + 5\. Click on Add segment, give it a name (such as Segment 3) then set the Start Y to "48" and the Stop Y to "64". + + ![](../../../assets/three-panels-setup-segment-3.gif) + + 6\. You should see four equal segments 0-3 at the top of the screen. + + ![](../../../assets/two-panels-4x-segments.png) + + 7\. Test it by changing the effect to "Scrolling Text" and editing the name of each segment to be any text you want! 32 Character maximum limit in WLED. + + ![](../../../assets/two-panels-example-scrolling-text-setup.gif) + + !!! warning "Your segments need to be saved to a Preset or they will disappear when you reboot or run other presets." + + You must save your segments as a preset or they will get wiped away after a reboot or when another preset with different segments is used. + + 8\. Save your segments by creating a new preset. Click on the + Preset button and typing in a name then clicking Save at the bottom. + + ![](../../../assets/three-panels-save-preset.gif) === "Four Panels" - wefwef \ No newline at end of file + 1\. Navigate to the main page of your wled instance in a browser or using the WLED-native app and focus on the Segments section. + + 2\. Since we are using four panels, we will begin by editing Segment 0 and setting the Stop X to "256" and the Stop Y to "16". + + ![](../../../assets/two-panels-setup-segment-0.gif) + + 3\. Click on Add segment, give it a name (such as Segment 1) then set the Start Y to "16" and the Stop Y to "32". + + ![](../../../assets/two-panels-setup-segment-1.gif) + + 4\. Click on Add segment, give it a name (such as Segment 2) then set the Start Y to "32" and the Stop Y to "48". + + ![](../../../assets/two-panels-setup-segment-2.gif) + + 5\. Click on Add segment, give it a name (such as Segment 3) then set the Start Y to "48" and the Stop Y to "64". + + ![](../../../assets/two-panels-setup-segment-3.gif) + + 6\. You should see four equal segments 0-3 at the top of the screen. + + ![](../../../assets/two-panels-4x-segments.png) + + 7\. Test it by changing the effect to "Scrolling Text" and editing the name of each segment to be any text you want! 32 Character maximum limit in WLED. + + ![](../../../assets/two-panels-example-scrolling-text-setup.gif) + + !!! warning "Your segments need to be saved to a Preset or they will disappear when you reboot or run other presets." + + You must save your segments as a preset or they will get wiped away after a reboot or when another preset with different segments is used. + + 8\. Save your segments by creating a new preset. Click on the + Preset button and typing in a name then clicking Save at the bottom. + + ![](../../../assets/two-panels-save-preset.gif) \ No newline at end of file