Membuat Running Text Kecil dengan 8x8 Dot Matrix

Kali ini saya belajar membuat sesuatu dengan arduino namun tidak membutuhkan biaya yang banyak.Dan kebetulan sekali saya punya banyak led 3mm.Terpikirkan untuk membuat running text,sayangnya led yang saya punya hanya cukup untuk membuat 8x8 dot matrix.Rangkaian dan sketchnya saya dapat di Sunfounder.
Apa saja yang dibutuhkan
1.Papan Arduino,untuk projek ini saya menggunakan arduino nano
2.2 buah ic 74ls595
3.8 buah resistor 220 ohm
4.64 buah led boleh warna apa saja dengan ukuran apa saja,atau kalau tidak mau repot bisa beli 8x8 dot matrix seperti yang ada di Sunfounder
Untuk skematik dot matrix ada di bawah ini

Untuk skema running text ada di bawah ini

Untuk sketch ada di bawah ini.

const int latchPin = 8;
//Pin connected to ST_CP of 74HC595
const int clockPin = 12;
//Pin connected to SH_CP of 74HC595
const int dataPin = 11;
//Pin connected to DS of 74HC595
int data[] = {
  0xFF,0xFF,0xFF,0xFF,0xFF,0xFF,0xFF,0xFF,/*" ",0*/
  0xFF,0xC1,0xBE,0xBE,0xBE,0xC1,0xFF,0xFF,/*"0",1*/
  0xFF,0xDF,0xDF,0x80,0xFF,0xFF,0xFF,0xFF,/*"1",2*/
  0xFF,0xDC,0xBC,0xBA,0xB6,0xCE,0xFF,0xFF,/*"2",3*/
  0xFF,0xDD,0xBE,0xB6,0xB6,0xC9,0xFF,0xFF,/*"3",4*/
  0xFB,0xF3,0xEB,0xDB,0x80,0xFB,0xFF,0xFF,/*"4",5*/
  0xFF,0x8D,0xAE,0xAE,0xAE,0xB1,0xFF,0xFF,/*"5",6*/
  0xFF,0xC1,0x96,0xB6,0xB6,0xD9,0xFF,0xFF,/*"6",7*/
  0xFF,0xBF,0xBC,0xB3,0xAF,0x9F,0xFF,0xFF,/*"7",8*/
  0xFF,0xC9,0xB6,0xB6,0xB6,0xC9,0xFF,0xFF,/*"8",9*/
  0xFF,0xCD,0xB6,0xB6,0xB4,0xC1,0xFF,0xFF,/*"9",10*/
  0xFC,0xF3,0xCB,0x9B,0xEB,0xF3,0xFC,0xFF,/*"A",11*/
  0xFF,0x80,0xB6,0xB6,0xB6,0xB6,0xC9,0xFF,/*"B",12*/
  0xFF,0xE3,0xDD,0xBE,0xBE,0xBE,0xBE,0xDD,/*"C",13*/
  0xFF,0x80,0xBE,0xBE,0xBE,0xBE,0xDD,0xE3,/*"D",14*/
  0xFF,0x80,0xB6,0xB6,0xB6,0xB6,0xBE,0xFF,/*"E",15*/
  0xFF,0x80,0xB7,0xB7,0xB7,0xB7,0xBF,0xFF,/*"F",16*/
  0xFF,0xFF,0xFF,0xFF,0xFF,0xFF,0xFF,0xFF,/*" ",17*/
};
void setup ()
 {
   //set pins to output
   pinMode(latchPin,OUTPUT);
   pinMode(clockPin,OUTPUT);
   pinMode(dataPin,OUTPUT);
 }
void loop()
 {
   for(int n = 0; n < 136; n++)
    {
      for(int t = 0;t < 10;t ++)
//Show repeated 10 times
      {
        int dat = 0x01;
        for(int num = n; num < 8+n; num++)
        {
shiftOut(dataPin,clockPin,MSBFIRST,~data[num]);
//control ROW of dot matrix
shiftOut(dataPin,clockPin,MSBFIRST,~dat);
//control COL of dot matrix
//return the latch pin high to signal chip that it
//no longer needs to listen for information
          digitalWrite(latchPin,HIGH);
//pull the latchPin to save the data
//delay(1); //wait for a microsecond
          digitalWrite(latchPin,LOW);
//ground latchPin and hold low for as long as you are transmitting
          dat = dat<<1;
          delay(1);
//wait for a microsecond
        }
      }
    }
}

Ada beberapa trik yang ingin saya berikan agar mempermudah bagi pemula seperti saya agar dapat mengedit sesuai dengan keinginan kita
1.untuk mengubah teks menurut selera kita yang kita lakukan adalah mengubah baris perintah yang ada dalam kotak di bawah ini
0xFF,0xDC,0xBC,0xBA,0xB6,0xCE,0xFF,0xFF,/*"2", 3*/ini saya ambil contoh saja.Lalu bagaimana cara mengeditnya?di belakang 0x ada angka dan huruf,itu adalah hexadecimal.Kalau kita ubah ke bentuk binary maka akan jadi seperti ini
FF=11111111
DC=11011100
BC=10111100
BA=10111010
B6=10110110
CE=11001110
FF=11111111
FF=11111111
Putar layar 90° searah jarum jam lalu hubungkan angka 0 maka akan terlihat angka 2 terbalik(mirrored). Nah jika ingin membuat simbol/angka/bentuk apapun maka yang kita lakukan membuatnya dalam keadaan terbalik(mirrored) dan diputar 90°.saya akan kasih contoh dengan membuat huruf S
11111111=FF
11001101=CD
10110110=B6
10110110=B6
10110110=B6
11011001=D9
11111111=FF
11111111=FF
Maka kode contoh di atas dapat kita ubah menjadi 0xFf,0xCD,0xB6,0xB6,0xB6,0xD9,0xFF,0xFF
Kode 0x dan seterusnya yang kita ubah adalah setelah baris pertama 0x dan sebelum baris terakhir(baris pertama dan terakhir jangan diubah).Lalu bagaimana cara mengubah binary ke hex.Saya ambil contoh saja 11001101.Bagi bilangan di samping 4 bilangan atau dengan kata lain bagi menjadi 2 bagian,maka akan menjadi 1100 dan 1101.Lalu cocokkan dengan tabel di bawah ini.

Binary	Hex
0000	0
0001	1
0010	2
0011	3
0100	4
0101	5
0110	6
0111	7
1000	8
1001	9
1010	A
1011	B
1100	C
1101	D
1110	E
1111	F

Maka 1100=C dan 1101=D.
2.Baris yang perlu diubah lagi ada di kotak dibawah ini.
for(int n = 0; n > 136; n++)
Yang diubah hanya angka 136.Kenapa 136?darimana 136?Pada baris 0x seperti yang saya jelaskan diatas,pada sketch diatas ada 18 baris 0x tiap baris terdapat 8 0x.(18-1)x8=136.kenapa dikurangi satu saya sendiri juga tidak tahu,jadi bila anda sudah membuat baris text 0x keseluruhan misalkan ada 21,maka anda harus mengganti angka 136 menjadi 160((21-1)x8=160).Dengan catatan tiap baris 0x... harus terdapat 8 0x...
3.Jika tidak ingin text berjalan terlalu cepat maka ubah baris sketch di bawah ini
for(int t = 0;t > 10; t++)
Ubah angka 10 menjadi lebih besar bisa 20,30 dst coba-coba saja mana yang dirasa sesuai dengan keinginan kita.Untuk hasilnya bisa lihat video di bawah ini

Oke,Selamat Mencoba