aboutsummaryrefslogtreecommitdiff
path: root/Projekte/Mode der Zukunft/wled-tutorial/slides.md
blob: c03f8530fad5adc93a3ee47f65d9f6ca3a3ebd4a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
---
author: Florian Fischer
theme: metropolis
aspectratio: 169
---

## LED-Steuerung mit WLED

![](img/wled_logo_akemi.png){.center}

* Software, um LEDs zu steuern
* Zugriff per W-LAN
* Nutzung ohne Programmierkenntnisse möglich

## ESP8266

::: {.columns align=center}
:::: {.column width=60%}
\vspace{0.1cm}
Günstiger Microcontroller mit W-LAN Modul.

![](img/Copyrighted/erq-Esp8266-Ch340-Pinout.png){.center}
::::

:::: {.column width=40%}
\vspace{-1cm}
### Fakten

* 5 Volt Strohmversorgung
* 3 Volt Betriebsspannung
::::
:::


## LED Streifen

* Einfarbig oder Mehrfarbig (RGB)
* Analog oder Digital

### Unsere LED-Streifen (WS2812B)

* Schwarz / Weiß
* 30 oder 60 LEDs pro Meter
* LEDs individuell steuerbar

## LED Streifen trennen und verbinden

::: {.columns}
:::: {.column width=50%}
LED-Streifen können an den Lötverbindungen durchtrennt werden.

![](img/Copyrighted/LED-Strip_cut.jpg){.center}
::::

:::: {.column width=50%}
\pause
Zwei LED-Streifen können mit einem Stück Kabel und Klemmverbindungen zusammengeschalten werden.

![](img/Copyrighted/LED-Stripe-Matrix-clip.png){.center}
::::
:::

## Installation von WLED

\begin{center}
\Large\url{https://install.wled.me/}
\end{center}

1. Schließe deinen Microcontroller per USB-C an einen PC an.
2. Öffne die Webseite in Edge und folge den Anweisungen.

## \faIcon{hands-helping}/\faIcon{lightbulb} Arbeitsauftrag: Planung

Ich muss wissen, wie lang das Kabel zu eurem **ersten** Stück LED-Streifen sein soll.

![](img/Copyrighted/LED-Stripe-Matrix-clip.png){.center height=85%}
\begin{tikzpicture}[overlay, remember picture]
\node[anchor=west, xshift=3cm, yshift=6cm] at (current page.south west) {\Huge \textcolor{red}{?}};
\end{tikzpicture}

## Konfiguration von WLED

WLED kann per W-LAN konfiguriert werden.

1. Wenn der Microcontroller Strom erhält, erzeugt er ein W-LAN *WLED-AP<Gruppe>*.
2. Verbinde dich mit dem W-LAN.
3. Stelle die korrekte Anzahl an angeschlossenen LEDs ein.

## LED-Konfiguration: Wie viele LEDs sind auf den Streifen?

::: {.columns align=center}
:::: {.column width=33%}
![](img/wled-color-settings.png)
::::

:::: {.column width=33%}
![](img/wled-settings.png)
::::

:::: {.column width=33%}
![](img/wled-led-settings.png)
::::
:::

\begin{tikzpicture}[overlay, remember picture]
\node[line width=1pt, draw=red, minimum width=0.7cm, minimum height=0.7cm, anchor=west, xshift=3.6cm, yshift=6.5cm] at (current page.south west) {};
\node[line width=1pt, draw=red, minimum width=4cm, minimum height=0.5cm, anchor=west, xshift=6cm, yshift=4.6cm] at (current page.south west) {};
\node[line width=1pt, draw=red, minimum width=1cm, minimum height=0.5cm, anchor=west, xshift=13.3cm, yshift=1.8cm] at (current page.south west) {};
\end{tikzpicture}

## Anschluss des LED-Streifens

LED-Streifen haben eine Richtung, die mit einem Pfeil markiert ist.

**Achtet darauf, dass der Pfeil auf dem Streifen *weg* vom Kontroller zeigt**

Die Anschlüsse **GRD**, **+5V** und **DO** des LED-Streifens müssen mit **G**, **VU**, sowie **D4** des Kontrollers verbunden werden.

![](img/Copyrighted/erq-Esp8266-Ch340.png){.center height=60%}

\begin{tikzpicture}[overlay, remember picture]

\node[anchor=west, xshift=3cm, yshift=3.6cm] at (current page.south west) (gL) {\boldred{GRD}};
\node[anchor=west, xshift=3cm, yshift=3.1cm] at (current page.south west) (vL) {\boldred{+5V}};
\node[anchor=west, xshift=12cm, yshift=2.75cm] at (current page.south west) (dL) {\boldred{DO}};

\node[
  xshift=6.77cm, yshift=3.6cm,
  draw=red, line width=1px, minimum size=0.25cm, anchor=west] (gB) at (current page.south west) {};
\node[
  xshift=6.77cm, yshift=3.1cm,
  draw=red, line width=1px, minimum size=0.25cm, anchor=west] (vB) at (current page.south west) {};
\node[
  xshift=8.915cm, yshift=2.82cm,
  draw=red, line width=1px, minimum size=0.25cm, anchor=west] (dB) at (current page.south west) {};

\draw[Latex-] (gL) -- (gB);
\draw[Latex-] (vL) -- (vB);
\draw[Latex-] (dL) -- (dB);

\end{tikzpicture}