新聞中心

FPGA:圖形 LCD 面板- 文本

作者: 時(shí)間:2024-01-15 來(lái)源:EEPW編譯 收藏

圖形 LCD 面板 4 - 文本

讓我們嘗試在面板上顯示字符。 這樣,面板就可以用作文本終端。
我們的 480x320 示例面板可用作 80 列 x 40 行控制臺(tái)(使用 6x8 字符字體)或 60 列 x 40 行控制臺(tái)(使用 8x8 字符字體)。 我們將使用“字符生成器”技術(shù)。

本文引用地址:http://butianyuan.cn/article/202401/454790.htm

字符生成器

讓我們假設(shè)“你好”這個(gè)詞在屏幕上的某個(gè)地方。在 ASCII 中,它使用 5 個(gè)字節(jié)(0x48、0x65、0x6C、0x6C、0x6F)。 我們的簡(jiǎn)單字符生成器使用一個(gè) RAM 來(lái)保存要顯示的字符,并使用一個(gè) ROM 來(lái)保存字體。

“Font ROM”包含每個(gè)可能字符的表示形式。 以下是示例集:

更改“Character RAM”的內(nèi)容會(huì)使字符出現(xiàn)在面板上。

8x8 字體實(shí)現(xiàn)

在面板上,6x8 字體看起來(lái)比 8x8 字體好一些,但 8x8 更容易實(shí)現(xiàn),所以我們首先嘗試了。

通過(guò)使用 2KB RAM 作為“字符 RAM”,我們可以有 32 行 64 個(gè)字符......所以 5 位來(lái)計(jì)算行數(shù),6 位來(lái)計(jì)算列數(shù)。
通過(guò)將所有數(shù)字保持為 <> 的冪,實(shí)現(xiàn)盡可能簡(jiǎn)單。

以下是我們得到的:

我們使用 CounterX 的 6 位和 CounterY 的 8 位(“字符 RAM”為 5 位,加上“字體 ROM”為 3 位)。 “字體ROM”總共使用11位。

設(shè)計(jì)如下:

wire [7:0] CharacterRAM_dout;
ram8x2048 CharacterRAM(
	.clk(clk),
	.rd_adr({CounterY[7:3],CounterX[6:1]}),
	.data_out(CharacterRAM_dout)
);
wire [7:0] raster8;
rom8x2048 FontROM(
	.clk(clk),
	.rd_adr({CharacterRAM_dout, CounterY[2:0]}),
	.data_out(raster8)
);
wire [3:0] LCDdata = CounterX[0] ? raster8[7:4] : raster8[3:0];

一些細(xì)節(jié):

  • 因?yàn)槲业?LCD 面板每個(gè)時(shí)鐘需要 4 個(gè)像素,所以我們需要 2 個(gè)時(shí)鐘來(lái)表示 1 個(gè)字符寬度(1 個(gè)字符寬度 = 8 像素)。這就是為什么“角色RAM”使用“CounterX[6:1]”而不是上面的“CounterX[5:0]”的原因。

  • 中,“字體ROM”實(shí)際上是一個(gè)RAM是有道理的。這樣,可以在運(yùn)行時(shí)加載或更改字體。

  • 上面未顯示寫入 RAM 的機(jī)制。

這是帶有 8x8 字體的 LCD 的照片:

6x8 字體實(shí)現(xiàn)

6x8 字體允許顯示更多字符(并且在面板上看起來(lái)也更好! 我的特定面板寬度為 480 像素,可以方便地轉(zhuǎn)換為 80 列。

6x8 字體比 8x8 字體處理起來(lái)更復(fù)雜,因?yàn)樽煮w寬度 (6) 不是 2 的冪。
這意味著我們不再在每個(gè)時(shí)鐘周期中顯示字符的相同部分。

  • 當(dāng) CounterX=0 時(shí),我們顯示 CHAR[4] 的前 0 個(gè)像素

  • 當(dāng) CounterX=1 時(shí),我們顯示 CHAR[2] 的最后 0 個(gè)像素和 CHAR[2] 的前 1 個(gè)像素

  • 當(dāng) CounterX=2 時(shí),我們顯示 CHAR[4] 的最后 1 個(gè)像素

  • 當(dāng) CounterX=3 時(shí),我們顯示 CHAR[4] 的前 2 個(gè)像素

  • 當(dāng) CounterX=4 時(shí),我們顯示 CHAR[2] 的最后 2 個(gè)像素和 CHAR[2] 的前 3 個(gè)像素

  • ...

這是使用簡(jiǎn)單的 case 語(yǔ)句完成的

wire [3:0] charfont0, charfont1;
always @(posedge clk)begin
  case(cnt_mod3)
    2'b00: LCDdata <=  charfont0;
    2'b01: LCDdata <= {charfont0[3:2], charfont1[3:2]};
    2'b10: LCDdata <= {charfont1[3:2], charfont0[1:0]};  
    endcase
    end

帶有模數(shù) 3 計(jì)數(shù)器(計(jì)數(shù) 0、1、2、0、1、2、0、1 等)

reg [1:0] cnt_mod3;
always @(posedge clk) if(cnt_mod3==2) cnt_mod3 <= 0; 
else cnt_mod3 <= cnt_mod3 + 1;

但我們還需要一個(gè)用于“字符RAM”的字符計(jì)數(shù)器

// character-counter (increments only twice every 3 clocks)
reg [6:0] cnt_charbuf;
always @(posedge clk) if(cnt_mod3!=1) cnt_charbuf <= cnt_charbuf + 1;
wire [11:0] CharacterRAM_rdaddr = CounterY[8:3]*80 + cnt_charbuf;
wire [7:0] CharacterRAM_dout;ram8x2048 CharacterRAM(
	.clk(clk),
	.rd_adr(CharacterRAM_rdaddr),
	.data_out(CharacterRAM_dout)
);

和兩個(gè)“字體ROM”。

// remember the previous character displayed
reg [7:0] RAM_charbuf_dout_last;
always @(posedge clk) CharacterRAM_dout_last <= CharacterRAM_dout;

// because we need it when we display 2 half characters at once
wire [10:0] readaddr0 = {CharacterRAM_dout, CounterY[2:0]};
wire [10:0] readaddr1 = {CharacterRAM_dout_last, CounterY[2:0]};

// The font ROMs are split in two blockrams, holding 4 pixels each
// (half of the second ROM is not used, since we need only 6 pixels)
rom4x2048 FontROM0(.clk(clk), .rd_adr(readaddr0), .data_out(charfont0));
rom4x2048 FontROM1(.clk(clk), .rd_adr(readaddr1), .data_out(charfont1));

這是帶有 6x8 字體的 LCD 的照片:

硬件光標(biāo)

讓我們實(shí)現(xiàn)一個(gè)閃爍的光標(biāo),它可以放置在面板上的任何字符上。

首先,我們使用視頻幀計(jì)數(shù)器來(lái)“計(jì)時(shí)”閃爍。 使用 6 位,光標(biāo)每 64 幀閃爍一次。

reg [5:0] cnt_cursorblink;
always @(posedge clk) if(vsync & hsync) cnt_cursorblink <= cnt_cursorblink + 1;
wire cursorblinkstate = cnt_cursorblink[5];  // cursor on for 32 frames, off for 32 frames

現(xiàn)在,我們假設(shè)游標(biāo)地址位置在“CursorAddress”寄存器中可用。

// Do we have a cursor-character match?
wire cursorblink_adrmatch = cursorblinkstate & (CharacterRAM_rdaddr==CursorAddress);

// When we have a match, "invert" the character
// First for charfont0
wire [3:0] charfont0_cursor = charfont0 ^ {4{cursorblink_adrmatch}};

// Next for charfont1
reg cursorblink_adrmatch_last;
always @(posedge clk) cursorblink_adrmatch_last <= cursorblink_adrmatch;
wire [3:0] charfont1_cursor = charfont1 ^ {4{cursorblink_adrmatch_last}};

哇,我們可以顯示圖形和文本!

所有這些都適用于單色和彩色 LCD。
當(dāng)我們?cè)诓噬?LCD 上得意忘形時(shí)會(huì)發(fā)生什么......

輪到你來(lái)實(shí)驗(yàn)了!



關(guān)鍵詞: FPGA 圖形LCD面板

評(píng)論


相關(guān)推薦

技術(shù)專區(qū)

關(guān)閉