接着上次的随笔,既然VGA时序已经实现了,那么就显示点东西看看吧。

  想显示个圆,但是无从下手,参考了这篇文章:https://user.qzone.qq.com/1241003385/blog/1543804422

  仔细阅读了这篇文章后才理解所谓显示圆的算法很简单,圆的标准方程是(x - a) ² + (y - b) ² = r ²,只要控制显示范围满足圆的方程就可以了。

  当(x-a)2+(y-b)2<=r2区域是圆内,(x-a)2+(y-b)2>=r2的区域就是圆外。

  这里显示圆的半径是50个像素点,并且以屏幕正中心为原点所以需要满足条件:

  distance = (x-a)*(x-a) + (y-b)*(y-b) = (h_cnt-96-48 -320) *(h_cnt-96-48-320) +(v_cnt-2-33 -240) *(v_cnt-2-33 -240);

  其中96,48为行显示区域以外,320为显示行的中心,2,33为场显示区域以外,320为显示列的正中心。

  如果distance小于r2=(50)2=2500 ,说明在圆内,否则在圆外。

  代码如下:

  

  1. module vga_driver(
  2. clk         ,
  3. rst_n       ,
  4. vga_hys     ,
  5. vga_vys     ,
  6. vga_rgb
  7. );
  8. parameter       DATA_W  = 16;
  9. parameter       LCD_GREEN = 16'b00000_111111_00000;
  10. parameter       LCD_WHITE = 16'b11111_111111_11111;
  11. input         clk      ;
  12. input         rst_n    ;
  13. output        vga_hys    ;
  14. output        vga_vys    ;
  15. output [DATA_W-1:0]  vga_rgb    ;
  16. reg             vga_hys;
  17. reg             vga_vys;
  18. reg     [DATA_W-1:0]vga_rgb;
  19. reg     [9:0]   cnt_hys;
  20. reg     [9:0]   cnt_vys;
  21. reg      [19:0] distance;
  22. reg             green_area;
  23. reg             valid_area;
  24. wire            add_cnt_hys;
  25. wire            end_cnt_hys;
  26. wire            add_cnt_vys;
  27. wire            end_cnt_vys;
  28. wire                 vga_clk;
  29. VGA_PLL U0(
  30. .inclk0 (clk),
  31. .c0     (vga_clk)
  32. );
  33. always @(posedge vga_clk or negedge rst_n)begin
  34. if(!rst_n)begin
  35. cnt_hys <= 0;
  36. end
  37. else if(add_cnt_hys)begin
  38. if(end_cnt_hys)
  39. cnt_hys <= 0;
  40. else
  41. cnt_hys <= cnt_hys + 1;
  42. end
  43. end
  44. assign add_cnt_hys = 1;
  45. assign end_cnt_hys = add_cnt_hys && cnt_hys== 800-1;
  46. always @(posedge vga_clk or negedge rst_n)begin
  47. if(!rst_n)begin
  48. cnt_vys <= 0;
  49. end
  50. else if(add_cnt_vys)begin
  51. if(end_cnt_vys)
  52. cnt_vys <= 0;
  53. else
  54. cnt_vys <= cnt_vys + 1;
  55. end
  56. end
  57. assign add_cnt_vys = end_cnt_hys;
  58. assign end_cnt_vys = add_cnt_vys && cnt_vys==525-1 ;
  59. always  @(posedge vga_clk or negedge rst_n)begin
  60. if(rst_n==1'b0)begin
  61. vga_hys <= 0;
  62. end
  63. else if(add_cnt_hys && cnt_hys == 96-1)begin
  64. vga_hys <= 1;
  65. end
  66. else if(end_cnt_hys)begin
  67. vga_hys <= 0;
  68. end
  69. end
  70. always  @(posedge vga_clk or negedge rst_n)begin
  71. if(rst_n==1'b0)begin
  72. vga_vys <= 0;
  73. end
  74. else if(add_cnt_vys && cnt_vys == 2-1)begin
  75. vga_vys <= 1;
  76. end
  77. else if(end_cnt_vys)begin
  78. vga_vys <= 0;
  79. end
  80. end
  81. always  @(*)begin
  82. distance = ((cnt_hys-96-48-320)*(cnt_hys-96-48-320))+((cnt_vys-2-33-240)*(cnt_vys-2-33-240));
  83. end
  84. always  @(*)begin
  85. green_area = distance < 2500;
  86. end
  87. always  @(*)begin
  88. valid_area = cnt_hys >= (96+48)&&cnt_hys <(96+48+640) && cnt_vys >= (2+33)&&cnt_vys<(2+33+480);
  89. end
  90. always  @(posedge vga_clk or negedge rst_n)begin
  91. if(rst_n==1'b0)begin
  92. vga_rgb <= 16'h0;
  93. end
  94. else if(valid_area)
  95. begin
  96. if(green_area)
  97. begin
  98. vga_rgb <= LCD_GREEN;
  99. end
  100. else begin
  101. vga_rgb <= LCD_WHITE;
  102. end
  103. end
  104. else begin
  105. vga_rgb <= 0;
  106. end
  107. end
  108. endmodule
  109. 显示效果如下图
  110. 中间调试的过程中出现过错误,错误的显示效果是:
  111. 经过排查发现问题出在distance定义的长度上,给distance赋值比自身长度大的数据,导致数据丢失就会产生这样的结果,同样的修改distance的长度反而有意外收获。

VGA显示正圆的更多相关文章

  1. VGA显示

    VGA控制器的编写主要是了解VGA的显示标准和时序,如1024X768@60Hz,确定时钟频率(65MHz=1344X806X60),列像素时间等于时钟周期,扫描从左到右.从上到下(类似于电视扫描PA ...

  2. 基于FPGA的VGA显示设计(一)

    前言 FPGA主要运用于芯片验证.通信.图像处理.显示VGA接口的显示器是最基本的要求了. 原理 首先需要了解 : (1)VGA接口协议:VGA端子_维基百科 .VGA视频传输标准_百度 引脚1 RE ...

  3. [deviceone开发]-do_ImageView实现正圆的示例

    一.简介 我们经常需要用一个正圆形状的图片来设置头像,在do平台这个比较容易,就是通过设置圆角来实现,但是有几个小技巧需要解释一下 主要组件:do_ImageView 二.效果图 三.相关下载 htt ...

  4. 移动端 css实现自适应正圆 ( 宽高随着手机屏幕宽度自适应 )

    序言:应朋友要求随手写了一下移动端 css实现自适应正圆 ( 宽高随着手机屏幕宽度自适应 ) ,以备后用 LESS代码: .adaptive-circle { margin: 50px auto 0; ...

  5. VmodCAM图像采集 VGA显示

    先上图 总体框图 效果图 效果不是很好,因为暂时用的是zedboard自带的VGA,其只能RGB只有3*3*3的彩色度 VmodCAM原理图 VmodCAM的zedboard管脚约束见:http:// ...

  6. vga显示彩条

    vga显示驱动程序可分为扫描行列和行列同步两个部分 //注意:只有在有效区域内给vga赋值才会有颜色变化 assign vga_b = isready ? vga_s[:] :'d0; assign ...

  7. 基于FPGA的VGA显示静态图片

    终于熬到暑假了,记过三四周的突击带考试,终于为我的大二画上了一个完整的句号,接下来终于可以静心去做自己想做的事情了,前一阵子报了一个线上培训班,学学Sobel边缘检测,之前一直在学习图像处理,但是因为 ...

  8. 基于FPGA的Uart接收图像数据至VGA显示

    系统框图 前面我们设计了基于FPGA的静态图片显示,接下来我们来做做基于FPGA的动态图片显示,本实验内容为:由PC端上位机软件通过串口发送一幅图像数据至FPGA,FPGA内部将图像数据存储,最后扫描 ...

  9. 纠错:基于FPGA串口发送彩色图片数据至VGA显示

    今天这篇文章是要修改之前的一个错误,前面我写过一篇基于FPGA的串口发送图片数据至VGA显示的文章,最后是显示成功了,但是显示的效果图,看起来确实灰度图,当时我默认我使用的MATLAB代码将图片数据转 ...

随机推荐

  1. 阿里域名 ssl tomcat

    1.首先注册一个域名 2.添加一个信息模板(域名服务里边) 3.域名解析(默认解析127.0.0.1)  可以ping 域名试下看是否解析了(阿里有参考视频) 4.ssl 证书   免费版,网上有教程 ...

  2. Redis中info all命令解析

    127.0.0.1:8376> info all# Server    --- 服务器信息redis_version:2.8.20 -- redis服务器版本redis_git_sha1:000 ...

  3. node + mongoDB

    在MongoDB安装这篇博客中已经创建了一个bella_blog的数据库,该数据已经包含了user集合. 下面就可以在node sever端用MongoDB了. Mongoose库简而言之就是在nod ...

  4. Spring MVC Theme(简单示例)

    在渲染视图的spring-web中,配置them. 实现两个接口就可以使用: ResourceBundleThemeSource  --> 用于确定要使用的主题的名字(theme name) S ...

  5. 【NOIP2017提高A组模拟9.5】心灵治愈

    题目 好吧,我表示比赛时完全看不懂题目 题目解释 良心的出题人为一道两三句可以讲清楚的题目,又写了一大坨恶心的解释. 容斥 其实题目就是有个数组a[1~n+1],已知a[n+1]=m,1<=a[ ...

  6. 【leetcode】1248. Count Number of Nice Subarrays

    题目如下: Given an array of integers nums and an integer k. A subarray is called nice if there are k odd ...

  7. HTML标签与属性

    HTML中常用的一些标签和属性. 1.lang属性:搜索引擎      en:英文,  zh:中文 2.meta:元数据     charset属性:字符集编码方式 3.h1~h6:标题   一级标题 ...

  8. 信息提示框:MessageBox

    一 函数原型及参数 function MessageBox(hWnd: HWND; Text, Caption: PChar; Type: Word): Integer;   1.参数列表    hW ...

  9. [JZO6401]:Time(贪心+树状数组)

    题目描述 小$A$现在有一个长度为$n$的序列$\{x_i\}$,但是小$A$认为这个序列不够优美. 小$A$认为一个序列是优美的,当且仅当存在$k\in [1,n]$,满足:$$x_1\leqsla ...

  10. create-react-app创建,ie11不兼容

    按照官方文档使用yarn create react-app centre-app 创建工程,使用yarn start, chrome浏览器可正常访问 但在ie11下报如下图错误 解决方案如下: 1. ...