Button untuk Ganti Animasi dan TEXT Running Text di LED DOT MATRIX SIMULATOR WOKWI #wokwi #arduino

Pada bagian ini akan dibahas pembuatan sistem Running Text interaktif berbasis mikrokontroler Arduino Uno, modul tampilan LED Dot Matrix MAX7219 (8 Modul Cascaded), serta tombol push button penukar efek animasi pada software simulasi WOKWI. Skematik rangkaian ditunjukkan pada Gambar 1, program Arduino pada Kode 1, dan video pembuatan pada tautan Video 1. Sistem memanfaatkan pustaka MD_Parola dan MD_MAX72xx untuk menampilkan teks berjalan dan efek visual interaktif. Pengguna dapat menekan tombol push button untuk mengganti hingga 10 variasi animasi teks secara dinamis (seperti Scroll Left, Scroll Right, Scroll Up, Wipe, Blinds, dan Random) yang diproses secara presisi dengan teknik debouncing tombol.

Gambar 1. Skematik rangkaian sistem

List Pin:

• Modul LED Dot Matrix MAX7219 (8-in-1 FC-16 / Parola HW)
  VCC => 5V
  GND => GND
  DIN (Data Pin) => Digital Pin 11 (DATA_PIN)
  CS (Chip Select) => Digital Pin 10 (CS_PIN)
  CLK (Clock Pin) => Digital Pin 13 (CLK_PIN)
• Tombol Pemilih Animasi (Push Button)
  Pin 1 => Digital Pin 2 (BTN_PIN – Mode INPUT_PULLUP)
  Pin 2 => GND

Kode Arduino 1. Kode Program

// ============================= 
// ALFIAN CENTER 
// SUBSCRIBE 
// Ganti Animasi Running Text dengan Button di LED DOT MATRIX
// PROGRAM BAKAL AKU KIRIM DENGAN SYARAT DIBAWAH 
// LIKE 50, KOMEN 30 DAN * WAJIB SUBSCRIBE *
// PROGRAM DIKIRIM VIA KOMENTAR 
// =============================

#include <MD_Parola.h>
#include <MD_MAX72xx.h>
#include <SPI.h>

#define HARDWARE_TYPE MD_MAX72XX::PAROLA_HW
#define MAX_DEVICES   8
#define CS_PIN        10
#define DATA_PIN      11
#define CLK_PIN       13

#define BTN_PIN 2   // Tombol untuk ganti animasi

MD_Parola myDisplay = MD_Parola(HARDWARE_TYPE, DATA_PIN, CLK_PIN, CS_PIN, MAX_DEVICES);

// ====== List Semua Efek ======
textEffect_t effects[] = {
  PA_SCROLL_LEFT,
  PA_SCROLL_RIGHT,
  PA_SCROLL_UP,
  PA_SCROLL_DOWN,
  PA_WIPE,
  PA_OPENING_CURSOR,
  PA_CLOSING_CURSOR,
  PA_RANDOM,
  PA_PRINT,
  PA_BLINDS
};

String effectName[] = {
  "SCROLL LEFT",
  "SCROLL RIGHT",
  "SCROLL UP",
  "SCROLL DOWN",
  "WIPE",
  "OPEN CURSOR",
  "CLOSE CURSOR",
  "RANDOM",
  "PRINT",
  "BLINDS"
};

int totalEffects = 10;
int indexEfek = 0;

int lastButtonState = HIGH;
unsigned long lastDebounce = 0;
const unsigned long debounceDelay = 200;

// ============================= 
void setup() {
  pinMode(BTN_PIN, INPUT_PULLUP);

  Serial.begin(9600);
  Serial.println("=== RUNNING TEXT MAX7219 + BUTTON ANIMASI ===");

  myDisplay.begin();
  myDisplay.setIntensity(2);
  myDisplay.displayClear();

  myDisplay.displayText(
    "Alfian Center",
    PA_LEFT,
    80,
    0,
    effects[indexEfek],   // Efek masuk
    effects[indexEfek]    // Efek keluar
  );

  Serial.print("Animasi: ");
  Serial.println(effectName[indexEfek]);
}

// ============================= 
void loop() {

  // ---- Cek Tombol ----
  int reading = digitalRead(BTN_PIN);

  if (reading == LOW && lastButtonState == HIGH && (millis() - lastDebounce > debounceDelay)) {
    lastDebounce = millis();

    // Ganti animasi ke berikutnya
    indexEfek++;
    if (indexEfek >= totalEffects) indexEfek = 0;

    // Terapkan animasi baru
    myDisplay.displayText(
      "Alfian Center",
      PA_LEFT,
      80,
      0,
      effects[indexEfek],
      effects[indexEfek]
    );
    
    Serial.print("Animasi berubah ke: ");
    Serial.println(effectName[indexEfek]);
  }

  lastButtonState = reading;

  // ---- Jalankan Tampilan ----
  if (myDisplay.displayAnimate()) {
    myDisplay.displayReset();
  }
}

// ============================= 
// ALFIAN CENTER 
// SUBSCRIBE 

Video 1. Video tutorial pembuatan

TAG:

running text arduino, led dot matrix max7219, md parola arduino, md max72xx arduino, ganti animasi running text, push button running text, simulasi wokwi arduino, tutorial arduino wokwi, led matrix 8 in 1 wokwi, arduino running text button, max7219 fc16 arduino, program running text arduino, library md parola, library md max72xx, gpio arduino max7219, pinout max7219 arduino, tombol ganti efek running text, animasi led dot matrix, scroll left running text, scroll right running text, scroll up running text, wipe effect max7219, blinds effect max7219, random effect max7219, debounce button arduino, tutorial max7219 arduino ide, koding running text arduino, teks berjalan arduino, display matrix max7219, proyek arduino pemula, proyek mekatronika led, praktikum mikrokontroler arduino, simulasi arduino tanpa hardware, platform simulasi wokwi, wokwi arduino max7219, source code running text, program arduino led matrix, diy running text arduino, papan informasi digital arduino, jam digital dot matrix, display informasi pertokoan, jam running text arduino, efek animasi md parola, parallax running text, kontrol animasi tombol, digitalread debounce arduino, spi hardware arduino pin 11 13, cs pin arduino 10, pin button arduino 2, arduino uno max7219, belajar arduino running text, panduan wokwi arduino, simulator dot matrix wokwi, tutorial mikrokontroler indonesia, proyek elektronika populer, kodingan dot matrix lengkap, jam dot matrix arduino, papan nilai led matrix, display score board arduino, sistem teks interaktif arduino, tampilan running text bergerak, cara koding max7219, ganti pesan running text, variabel text effect md parola, fungsi displayanimate, fungsi displayreset, fungsi displaytext, pemrograman c plus plus arduino, proyek sains elektro, ide tugas akhir arduino, skripsi arduino running text, mekatronika visual display, media informasi dot matrix, otomatisasi display informasi, sistem Running Text interaktif, simulator hardware arduino ide, wawasan teknik elektro, proyek arduino uno populer, kodingan running text sederhana, display matrix 8 modul, cascading max7219 arduino, tutorial lengkap wokwi arduino