通過(guò)搖桿控制OLED移動(dòng)顯示

很多經(jīng)典的小游戲，例如貪吃蛇、俄羅斯方塊等都是通過(guò)按鍵控制顯示于屏幕，當(dāng)搖桿遇上顯示屏，我們可以嘗試很多有意思的實(shí)驗(yàn)。本篇通過(guò)搖桿控制OLED上圓的移動(dòng)。

1. 實(shí)驗(yàn)材料

• Uno R3開(kāi)發(fā)板
• 配套USB數(shù)據(jù)線
• 面包板及配套連接線
• 雙軸按鍵搖桿模塊
• OLED顯示屏

2. 實(shí)驗(yàn)步驟

1. 根據(jù)原理圖搭建電路圖。

OLED屏的VCC、GND分別連接開(kāi)發(fā)板的3.3V、GND，OLED屏的SDA和SCL分別連接開(kāi)發(fā)板的A4和A5。雙軸按鍵搖桿模塊的VCC、GND分別連接開(kāi)發(fā)板的5V、GND，模塊的X軸輸出、Y軸輸出分別連接開(kāi)發(fā)板的模擬引腳A0、A1。

實(shí)驗(yàn)原理圖如下圖所示：

實(shí)驗(yàn)原理圖

2. 新建sketch，拷貝如下代碼替換自動(dòng)生成的代碼并進(jìn)行保存。

1/*
 2   OLED_JoyStick
 3   搖桿控制OLED移動(dòng)顯示
 4*/
 5#include < Wire.h >
 6#include < Adafruit_GFX.h >
 7#include < Adafruit_SSD1306.h >
 8
 9#define OLED_RESET     4
10Adafruit_SSD1306 display(128, 64, &Wire, OLED_RESET);
11#define pinX  A0
12#define pinY  A1
13
14//定義圓心和半徑變量
15int xCircle = 0;
16int ycircle = 0;
17int radius = 4;
18
19void setup()
20{
21  display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
22  display.setTextColor(WHITE);//開(kāi)像素點(diǎn)發(fā)光
23  display.clearDisplay();//清屏
24}
25
26void loop()
27{
28  xCircle = map(analogRead(pinX), 1023, 0, radius, 128 - radius); //將X軸獲取的AD值映射到oled的X顯示方向
29  ycircle = map(analogRead(pinY), 1023, 0, radius, 64 - radius); //將Y軸獲取的AD值映射到oled的Y顯示方向
30
31  display.drawRect(0, 0, 128, 64, 1);//畫(huà)矩形
32  display.drawCircle(xCircle, ycircle , radius, 1); //畫(huà)圓
33  display.display();//開(kāi)顯示
34  display.clearDisplay();//清屏
35}

3. 連接開(kāi)發(fā)板，設(shè)置好對(duì)應(yīng)端口號(hào)和開(kāi)發(fā)板類型，進(jìn)行程序下載。

程序下載

3. 實(shí)驗(yàn)現(xiàn)象

扭動(dòng)搖桿，OLED顯示屏上畫(huà)出的圓跟隨移動(dòng)。

4. 程序分析

程序中使用 drawCircle() 函數(shù)通過(guò)給定的圓心坐標(biāo)和圓半徑在屏幕上畫(huà)圓，通過(guò) map() 函數(shù)分別將搖桿X、Y軸采集到的模擬量映射到OLED對(duì)應(yīng)的顯示坐標(biāo)中。程序中不斷讀取搖桿模擬量來(lái)畫(huà)出對(duì)應(yīng)位置的圓。