https://nalar.dev/id/tags/esp32-c3/ Recent content in ESP32-C3 on Nalar Hugo id-id Sat, 19 Sep 2026 00:00:00 +0000 https://nalar.dev/id/grafik-sensor-streaming-ili9341-tanpa-framebuffer-esp32-c3/ Sat, 19 Sep 2026 00:00:00 +0000 https://nalar.dev/id/grafik-sensor-streaming-ili9341-tanpa-framebuffer-esp32-c3/ <p>Panel ILI9341 cukup besar untuk menampilkan grafik sensor yang berguna, tetapi framebuffer RGB565 berukuran 240 × 320 membutuhkan 153.600 byte:</p> <div x-data="{ code: $el.querySelector('code').innerText, copied: false }" class="code-block group relative my-6 overflow-hidden rounded-xl border border-line bg-surface-muted dark:border-night-line dark:bg-night-surface"> <button type="button" @click="navigator.clipboard.writeText(code); copied = true; setTimeout(() => copied = false, 1600)" class="absolute right-3 top-3 z-10 rounded-lg border border-line-strong bg-surface px-2 py-1 font-mono text-[0.8rem] text-muted opacity-0 transition group-hover:opacity-100 hover:bg-ink hover:text-white dark:border-night-line dark:bg-night dark:text-night-muted dark:hover:bg-white dark:hover:text-ink"> <span x-text="copied ? 'Copied' : 'Copy'"></span> </button> <div class="overflow-x-auto p-4 text-sm leading-6 [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:!p-0 [&_code]:font-mono"> <div class="highlight"><pre tabindex="0" style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>240 * 320 * 2 bytes = 153,600 bytes</span></span></code></pre></div> </div> </div> <p>Alokasi sebesar itu bukan pilihan awal yang efisien pada microcontroller kecil jika grafik hanya membutuhkan beberapa ratus sampel. Display controller sudah memiliki graphics RAM sendiri. ESP32-C3 dapat menjadikan panel sebagai tujuan gambar, menyimpan hanya state aplikasi yang diperlukan, lalu mengirim pixel yang berubah melalui SPI.</p>