ST7565 | Chuyển động trong lập trình Game và đồ họa | Phần 3

Đây là bài 3 thuộc chuỗi bài "Chuyển động trong lập trình game và đồ họa", nếu chưa đọc bài trước thì bạn hãy đọc nó trước khi tiếp tục nhé. 

Phần 2|Chuyển động trong lập trình Game và đồ họa

• Trong bài sử dụng bảng lớn, phù hợp hơn với màn hình máy tính khi xem, bạn hãy xoay ngang màn hình nếu đang dùng điện thoại.
• Bài viết sử dụng arduino uno r3 và lcd ST7565 cùng bộ thư viện st7565_homephone.

Cùng bắt đầu lại với ví dụ thần thánh basic nhất trong chuyển động: Cho một đối tượng di chuyển trên màn hình.

#include "ST7565_homephone.h"
ST7565 lcd(3,4,5,6);//RST, SCLK, A0, SID
void setup()   {   
  lcd.ON();
  lcd.SET(23,0,0,0,4);
}

void loop(){
  for( byte x=0; x<127; x++){
    lcd.fillcircle( x,10,3,BLACK);
    lcd.display();// cho phép hiển thị vẽ
    delay(50);
    lcd.fillcircle( x,10,3,DELETE); 
    lcd.display();// cho phép hiển thị xóa
  }
}

Ví dụ trên là cho đối tượng A (hình tròn, r=3px,) chạy từ trái sang phải.

Yêu cầu là bây giờ vẽ thêm 1 đối tượng B  chạy song song với đối tượng A.

Vậy thì hàm loop  sẽ như thế này:

void loop(){
    for( byte x=0; x<127; x++){
        
        lcd.fillcircle( x,10,3,BLACK);    
        lcd.fillcircle( x,20,3,BLACK);    
        lcd.display();// cho phép hiển thị vẽ
        delay(50);
        lcd.fillcircle( x,10,3,DELETE);
        lcd.fillcircle( x,20,3,DELETE); 
        lcd.display();// cho phép hiển thị xóa
    }
}

Thêm 4 đối tượng C,D,E,F nữa cùng chạy song song với A,B thì code sẽ như thế nào ??

Dưới đây là code cho ví dụ trên.

void loop(){
  for( byte x=0; x<127; x++){
    lcd.fillcircle( x,10,3,BLACK);    
    lcd.fillcircle( x,20,3,BLACK);    
    lcd.fillcircle( x,30,3,BLACK);    
    lcd.fillcircle( x,40,3,BLACK);    
    lcd.fillcircle( x,50,3,BLACK);  
    lcd.fillcircle( x,60,3,BLACK);
    lcd.display();// cho phép hiển thị vẽ
    delay(50);
    lcd.fillcircle( x,10,3,DELETE);
    lcd.fillcircle( x,20,3,DELETE);
    lcd.fillcircle( x,30,3,DELETE);
    lcd.fillcircle( x,40,3,DELETE);
    lcd.fillcircle( x,50,3,DELETE);
    lcd.fillcircle( x,60,3,DELETE); 
    lcd.display();// cho phép hiển thị xóa
  }
}

Chúng ta rút ra vài điều như sau:

• Có bao nhiêu đối tượng trong game thì có bấy  nhiêu đối tượng bạn cần phải quản lý.
• Thời gian để hoàn thiện một khung ảnh tỉ lệ thuận với số lượng đối tượng
• Tài nguyên dung lượng bị thiếu hụt ít hay nhiều phụ thuộc vào số lượng đối tượng và mức độ phức tạp trong thuộc tính của đối tượng .

Cách hai là dùng kiểu dữ liệu tự định nghĩa. Class

Cũng giống với ví dụ trên, mình  chưa đưa ra định nghĩa Class, vì  nó .. nếu chỉ mang mình nó để mà định nghĩa thì sẽ khiến bạn bối rối .

Trên tinh thần, “yêu” trước , “yêu’  rồi mới định nghĩa được “tình yêu”.

Thì chúng ta cần đi vào ví dụ,:

Chủ đề của ví dụ là quản lý đối tượng bằng mảng 2 chiều và class.

Mảng 2 chiều	Class
#include "ST7565_homephone.h" ST7565 lcd(3,4,5,6); void setup() { Serial.begin(9600); } int circle[2][2]; void loop(){ } Khai báo mảng 2 chiều có 2 thuộc tính x,y (như ví dụ đã biết bên trên ha) quản lý 2 đối tượng . Đối tượng A :circle[0][…]; Đối tượng B: circle[1][…];	#include "ST7565_homephone.h" ST7565 lcd(3,4,5,6); void setup() { Serial.begin(9600); } class object{ public : int x,y; }; object circle[2]; void loop(){ } Tạo một class để quản lý 2 đối tượng  , với  2 thuộc tính x,y. Đối tượng A: circle[0]; Đối tượng B: circle[1];
#include "ST7565_homephone.h" ST7565 lcd(3,4,5,6); void setup() { Serial.begin(9600); } int circle[2][2]; void loop(){ //ghi dữ liệu cho A circle[0][0]=30;//xA circle[0][1]=40;//yA // đọc dữ liệu của A Serial.print(circle[0][0]); Serial.print("|"); Serial.println(circle[0][1]); }	#include "ST7565_homephone.h" ST7565 lcd(3,4,5,6); void setup() { Serial.begin(9600); } class object{ public : int x,y; }; object circle[2]; void loop(){ //ghi dữ liệu cho A circle[0].x=30;//xA circle[0].y=40;//yA // đọc dữ liệu của A Serial.print(circle[0].x); Serial.print("|"); Serial.println(circle[0].y); }

Tạm dừng một chút và so sánh 2 cách trên, cá nhân mình thấy cách dùng class có cảm tình hơn nhiều, các bạn nghĩ sao?

Đúng hơn là nó dễ biểu đạt về mặt thuộc tính. 

Và đây là đoạn code sử dụng class thay cho mảng 2 chiều:

Bây giờ mình sẽ điều khiển biệt lập đối tượng F , còn các đối tượng ABCDE để cho máy tính đảm nhiệm.

#include "ST7565_homephone.h"
ST7565 lcd(3,4,5,6);
void setup()   {   
  lcd.ON();
  lcd.SET(23,0,0,0,4);
  
  pinMode(A3,INPUT_PULLUP); 
  pinMode(A2,INPUT_PULLUP); 
  pinMode(A1,INPUT_PULLUP);       
  pinMode(A0,INPUT_PULLUP); 
}

class object{
  public :
  int x,y;
};
object circle[6];
byte button;
void loop(){
  //ghi dữ liệu tung độ y
  for( int i=0; i<6; i++){
    circle[i].y=10*(i+1);
  }
  // vẽ chuyển động
  for( int x=0; x<127; x++){
 
    //ghi dữ liệu hoành độ cho ABCDE
    for( int i=0; i<5; i++){
      circle[i].x=x;  
    }
    // ghi dữ liệu cho đối tượng F
    button= lcd.Pullup_4(A3,  A2, A1, A0);
  
    switch(button){
      case 1:     circle[5].x++;break;// right 
      case 2:     circle[5].y--;  break;// up
      case 3:     circle[5].x--;  break;//left
      case 4:      circle[5].y++; break; //down
      default : break;
    } 


   
     
    for( int i=0; i<6; i++){//vẽ ABCDEF
     lcd.fillcircle(  circle[i].x ,  circle[i].y,3,BLACK);
    }
    lcd.display();
    // đợi
    delay(50);
    // xóa ảnh
    for( int i=0; i<6; i++){
      lcd.fillcircle(  circle[i].x ,  circle[i].y,3,DELETE);
    }
  }
}

Kết quả vẫn như vậy.