一、显示一张彩色图片

- 设计需求：

在VGA接口的显示屏上显示一张180*120彩色图片。

- 需求分析

（1）对图片裁剪及取数据

a.使用画图软件/美图秀秀将图片像素裁剪成180*120大小。

b.取数据：采用取模软件Img2Lcd/Matlab。

c.把图片数据存储到ROM：将.c文件中的数据处理成.mif/.hex文件，目的是为了将当前图片数据存储到ROM。

d.将图片显示到显示区域中间：

1）：圈中图片显示区域

2）：在当前图片区域内控制ROM地址变化。

- 设计架构

二、对显示屏的图片通过按键进行放大

- 设计需求

在VGA接口的显示屏上显示一张180*120彩色图片，并且可以通过按键进行放大4倍。

- 需求分析

a.按键：需要使用按键，即需要按键消抖模块，并进行边沿检测，目的是使按键为单脉冲。

b.放大原理：原图片的一个像素点的颜色值在放大图片中用4个像素点显示，即放大图片里由4个像素点组成的正方形像素小格使用ROM里的同一个地址。

c.显示区域：需要显示原图片和放大图片，这两张图片的显示区域不同，需要使用两个使能信号标出。（黑色为显示有效区，红色为原图片显示区，蓝色为放大图片显示区）

d.放大图片像素地址值：addr = (cnt_hs - hs) / 2 + (cnt_vs - vs) / 2 * 100

cnt_hs：行计数器

cnt_vs：列计数器

hs：放大图片行计数起始值

vs：放大图片列计数起始值

- 设计思想

使用状态机完成，有两个状态，为状态1，状态2 。

状态1（原图片）：在这状态中，原图片显示区域使能有效，地址自加1；有按键来时，进入状态2 。

状态2（放大图片）：在这状态中，放大图片显示区域使能有效，地址使用放大图片像素地址值；有按键来时，回到状态1 。

- 设计架构

三、对显示屏的图片通过按键进行缩小

与放大模块基本相同，唯一不同点在于缩小后的地址。

缩小后的地址：addr = (cnt_hs - hs)*2 + (cnt_vs - vs)* 2 * 100

cnt_hs：行计数器

cnt_vs：列计数器

hs：缩小图片行计数起始值

vs：缩小图片列计数起始值

.显示区域：需要显示原图片和放大图片，这两张图片的显示区域不同，需要使用两个使能信号标出。（黑色为显示有效区，红色为原图片显示区，蓝色为缩小图片显示区）

四、在显示屏上显示相册

- 设计需求

（1）：存放3张图片

（2）：采用3个按键，第一个按键进行图片切换，第二个按键进行图片放大，第三个按键进行图片缩小

（3）：放大5次到全屏幕，缩小时从全屏幕图片5倍缩小至原图。

2.设计思想：

使用两个计数器，计数器1为图片切换，每次按下图片切换按键进行加1，计数器的每个数值代表不同的图片，在每个计数器的数值的作用下，vga_rgb等于不同ROM的q值；计数器2为放大缩小，按下放大按键加1，按下缩小按键减1，计数器的每个数值代表不同的放大倍率，在每个计数器的数值的作用下，显示区域赋不同的值，地址赋不同的地址运算。

基于FPGA的VGA显示图片相关推荐

基于FPGA的VGA显示对贪吃蛇游戏的设计
基于FPGA的VGA显示对贪吃蛇游戏的设计摘要目前,电子数码产品已经进入了人生活的方方面面,而大多数电子产品都依靠显示屏来传递信息,由此可见用电路对显示屏进行控制的研究有很大的实用价值和市场需求. ...
基于FPGA的VGA显示彩条、字符、图片
目录一.VGA介绍 (一) VGA协议 (二) VGA端口介绍 (三) 色彩原理 (四)VGA显示原理 VGA通信协议: VGA时序解析时钟分频二.实现 1.彩条显示 2.字符显示 3.图片显 ...
基于FPGA的VGA显示
目录 VGA原理代码 VGA原理 VGA概念什么是VGA?VGA不是用来显示的那块屏幕,而是用来传输信号的接口.VGA全称是Video Graphics Array,即视频图形阵列,是模拟信号的一 ...
基于FPGA的VGA显示设计（一）
前言 FPGA主要运用于芯片验证.通信.图像处理.显示VGA接口的显示器是最基本的要求了. 原理首先需要了解 : (1)VGA接口协议:VGA端子_维基百科 .VGA视频传输标准_百度引脚1 RE ...
基于FPGA的VGA显示实验
VGA驱动原理信号线定义 HS 行同步信号(3.3V 电平) VS 场同步信号(3.3V 电平) R 红基色 (0~0.714V 模拟信号) G 绿基色 (0~0.714V 模拟信号) B 蓝基色 ...
imut FPGA课设基于FPGA的VGA弹球游戏设计 *秋昊
写在前面的话: 本文主要呈现了一篇IMUT的FPGA课设报告. 课设报告内容(word版),视频演示,程序源码,专业创新实践简介,专业创新实践指导书均已放入下面的百度云链接中,也不大,总共不到20MB ...
FPGA学习——VGA显示
FPGA学习--VGA显示一.VGA原理 (一)VGA协议 (二)VGA端口结构 (三)⾊彩原理 (四)扫描原理 1.扫描方式 2.逐行扫描 3.隔行扫描 (五)⾏场信号二.显示姓名学号 (一)实 ...
【FPGA】VGA显示文字、彩条、图片——基于DE2-115
录一.VGA概述 1.1 简述 1.2 管脚定义 1.3 行.场时序及分辨率二.VGA显示文字 2.1 点阵汉字生成 2.2 工程建立 2.3 引入ip核-实现特定时钟频率+不同分辨率显示 2.3 ...
基于Nexys4 DDR的VGA显示图片
本实验用的开发板是Nexys4DDR,软件环境vivado2018 实现功能是:在板子的BRAM存储图片并通过VGA显示图片. 实现效果如下图所示: 开发板连接图: 显示的图片是240*240大小,这 ...

基于FPGA的VGA显示图片