mirror of
https://github.com/mytechnotalent/Embedded-Hacking.git
synced 2026-07-12 23:26:33 +02:00
Kevin Thomas
79 lines
3.7 KiB
XML
79 lines
3.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800">
|
|
<style>
|
|
.bg{fill:#0a0a0f}.pnl{fill:#12121a;stroke:#1a1a2e}.hdr{fill:#12121a}
|
|
.title{font:bold 42px 'Courier New',monospace;fill:#00ff41}
|
|
.sub{font:bold 28px 'Courier New',monospace;fill:#00d4ff}
|
|
.txt{font:24px 'Courier New',monospace;fill:#c0c0c0}
|
|
.dim{font:20px 'Courier New',monospace;fill:#888}
|
|
.grn{font:bold 24px 'Courier New',monospace;fill:#00ff41}
|
|
.red{font:bold 24px 'Courier New',monospace;fill:#ff0040}
|
|
.cyn{font:bold 24px 'Courier New',monospace;fill:#00d4ff}
|
|
.amb{font:bold 24px 'Courier New',monospace;fill:#ffaa00}
|
|
.badge{stroke:#00ff41;rx:14}
|
|
</style>
|
|
<rect class="bg" width="1200" height="800"/>
|
|
|
|
<!-- Title -->
|
|
<text x="600" y="52" text-anchor="middle" class="title">GPIO Basics</text>
|
|
<text x="600" y="88" text-anchor="middle" class="dim">General Purpose Input/Output on RP2350</text>
|
|
|
|
<!-- Left Panel: Pico 2 Pin Diagram -->
|
|
<rect x="40" y="110" width="520" height="300" rx="8" class="pnl"/>
|
|
<text x="300" y="148" text-anchor="middle" class="sub">Pico 2 GPIO Pins</text>
|
|
|
|
<text x="60" y="195" class="grn">GPIO 16</text>
|
|
<line x1="230" y1="189" x2="350" y2="189" stroke="#00ff41" stroke-width="2"/>
|
|
<text x="370" y="195" class="red">Red LED</text>
|
|
|
|
<text x="60" y="240" class="grn">GPIO 17</text>
|
|
<line x1="230" y1="234" x2="350" y2="234" stroke="#00ff41" stroke-width="2"/>
|
|
<text x="370" y="240" class="cyn">Green LED</text>
|
|
|
|
<text x="60" y="285" class="grn">GPIO 18</text>
|
|
<line x1="230" y1="279" x2="350" y2="279" stroke="#00ff41" stroke-width="2"/>
|
|
<text x="370" y="285" class="amb">Blue LED</text>
|
|
|
|
<text x="60" y="330" class="grn">GPIO 25</text>
|
|
<line x1="230" y1="324" x2="350" y2="324" stroke="#00ff41" stroke-width="2"/>
|
|
<text x="370" y="330" class="txt">Onboard LED</text>
|
|
|
|
<text x="60" y="385" class="dim">Software-controlled switches</text>
|
|
|
|
<!-- Right Panel: SDK Functions -->
|
|
<rect x="580" y="110" width="580" height="300" rx="8" class="pnl"/>
|
|
<text x="870" y="148" text-anchor="middle" class="sub">Pico SDK Functions</text>
|
|
|
|
<rect x="600" y="170" width="540" height="45" rx="4" fill="#0a0a0f" stroke="#1a1a2e"/>
|
|
<text x="615" y="200" class="cyn">gpio_init(pin)</text>
|
|
<text x="900" y="200" class="dim">Init pin</text>
|
|
|
|
<rect x="600" y="225" width="540" height="45" rx="4" fill="#0a0a0f" stroke="#1a1a2e"/>
|
|
<text x="615" y="255" class="cyn">gpio_set_dir(pin,d)</text>
|
|
<text x="900" y="255" class="dim">I/O dir</text>
|
|
|
|
<rect x="600" y="280" width="540" height="45" rx="4" fill="#0a0a0f" stroke="#1a1a2e"/>
|
|
<text x="615" y="310" class="cyn">gpio_put(pin,val)</text>
|
|
<text x="900" y="310" class="dim">Set H/L</text>
|
|
|
|
<rect x="600" y="335" width="540" height="45" rx="4" fill="#0a0a0f" stroke="#1a1a2e"/>
|
|
<text x="615" y="365" class="cyn">sleep_ms(ms)</text>
|
|
<text x="900" y="365" class="dim">Delay</text>
|
|
|
|
<!-- Bottom: LED Blink Code -->
|
|
<rect x="40" y="430" width="1120" height="350" rx="8" class="pnl"/>
|
|
<text x="60" y="468" class="sub">Basic LED Blink Code</text>
|
|
|
|
<rect x="60" y="485" width="1080" height="280" rx="6" fill="#0a0a0f" stroke="#00ff41" stroke-width="1"/>
|
|
<text x="80" y="515" class="cyn">#define LED_PIN 16</text>
|
|
<text x="80" y="540" class="txt">int main(void) {</text>
|
|
<text x="100" y="565" class="txt">gpio_init(LED_PIN);</text>
|
|
<text x="100" y="590" class="txt">gpio_set_dir(LED_PIN, GPIO_OUT);</text>
|
|
<text x="100" y="615" class="txt">while (true) {</text>
|
|
<text x="120" y="640" class="grn">gpio_put(LED_PIN, 1);</text>
|
|
<text x="500" y="640" class="dim">// ON</text>
|
|
<text x="120" y="665" class="txt">sleep_ms(500);</text>
|
|
<text x="120" y="690" class="red">gpio_put(LED_PIN, 0);</text>
|
|
<text x="500" y="690" class="dim">// OFF</text>
|
|
<text x="120" y="715" class="txt">sleep_ms(500);</text>
|
|
<text x="100" y="740" class="txt">}}</text>
|
|
</svg> |