实验题目:不规则区域的填充算法
实验目的:验证不规则区域的填充算法
实验内容:利用VC与OpenGL,实现不规则区域的填充算法。
1、必做:实现简单递归的不规则区域填充算法。
2、选做:针对简单递归算法栈空间占用太大的缺点,进行改进,实现基于扫描线的种子填充算法
实验要求:
n 将坐标系网格在屏幕上画出来,每个像素点占据一个格点,用一个小实心圆圈表示。
n 用鼠标点击的方式,绘制不规则区域的边界。
n 种子填充算法,可用4联通或8联通任选一种。
以下是我用c++ 实现的方式去实现2种填充算法
#include <iostream>
#include <vector>
#include <stack>
#include <iterator>
#include "glut.h"
using namespace std; //////////////////////////
#define WIDTH 400
#define HEIGHT 400
#define SUBWIDTH 20
#define SUBHEIGHT 20 /////////////////////////
class tile // 基于open gl 的坐标系
{
public:
enum _toolEnum{_sideLength=10}; // 边长 tile(unsigned int x=0,unsigned int y=0):_x(x),_y(y)
{
_state = 0;
} void draw()
{
// 画出初始tile(根据不同_state,用不同的颜色)
// glClear(GL_COLOR_BUFFER_BIT); if (_state == 0) // 无色
{
glColor3f(255 ,255 ,255); }
else if(_state == 1) // 红色
{
glColor3f(255,0 ,0); }
else if(_state == 2) // 绿色
{
glColor3f(0 ,255 ,0);
} glBegin(GL_POINTS);
glVertex2i(_x*20+10,_y*20+10);
glEnd();
glFlush();
} inline void op_side() // 设置成边界红色
{
_state = 1;
draw();
}
inline void op_padding() // 设置成填充 绿色
{
_state = 2;
draw();
} public:
unsigned int _x; // 瓷砖的横向索引
unsigned int _y; // 瓷砖的纵向索引
int _state; // 0代表无色初始状态,1代表红色边框 ,2代表绿色内填充容
}; class tileLayer
{
public:
tileLayer(unsigned int h=20,unsigned int v=20):_hTileNum(h),_vTileNum(v)
{
init();
} void init()
{
for (int i=0;i<_vTileNum;i++)
{
vector<tile> tmpVec;
for (int j=0;j<_hTileNum;j++)
{
tmpVec.push_back(tile(j,i)); // 注意是 j,i
cout<<j<<","<<i<<"\t";
}
_vecTile.push_back(tmpVec);
cout<<endl;
}
} void recursive_pad(GLint index_X, GLint index_Y) // 参数是索引
{
// 在这计算是哪个为种子点。。 if(index_X<0||index_Y<0||index_X>=20||index_Y>=20)
{
return ;
} if ((_vecTile[index_Y][index_X])._state == 0 )
{
(_vecTile[index_Y][index_X]).op_padding(); // 注意顺序
// 对上方的砖块递归填充
recursive_pad(index_X,index_Y+1);
// 对下方的砖块递归填充
recursive_pad(index_X,index_Y-1);
// 对左方的砖块递归填充
recursive_pad(index_X-1,index_Y);
// 对右方的砖块递归填充
recursive_pad(index_X+1,index_Y);
}
}
// 以下注释仅仅是参考扫描法的栈实现,但是我用的依然是递归实现
/*
扫描线种子填充算法可由下列四个步骤实现:
(1) 初始化一个空的栈用于存放种子点,将种子点(x, y)入栈;
(2) 判断栈是否为空,如果栈为空则结束算法,否则取出栈顶元素作为当前扫描线的种子点(x, y),y是当前的扫描线;
(3) 从种子点(x, y)出发,沿当前扫描线向左、右两个方向填充,直到边界。分别标记区段的左、右端点坐标为xLeft和xRight;
(4) 分别检查与当前扫描线相邻的y - 1和y + 1两条扫描线在区间[xLeft, xRight]中的像素,从xLeft开始向xRight方向搜索,
若存在非边界且未填充的像素点,则找出这些相邻的像素点中最右边的一个,并将其作为种子点压入栈中,然后返回第(2)步;*/ void scanning_pad(GLint index_X, GLint index_Y)
{
// 向种子点index_Y这一行左右填充
if (index_X<0||index_X>=20||index_Y<0||index_Y>=20 || _vecTile[index_Y][index_X]._state == 1 )
{
return ;
}
int left = index_X;
int right = index_X; // 这边出错!!!! while ( left>=0 && _vecTile[index_Y][left]._state!=1) // 别忘记访问容器前得先判断索引是否是合法的
{
// 或许还得稍微过滤下已经绿色的
if (_vecTile[index_Y][left]._state!=2)
{
_vecTile[index_Y][left].op_padding();
}
left=left-1;
}
left=left+1; while (right<20 && _vecTile[index_Y][right]._state!=1)
{
if (_vecTile[index_Y][right]._state!=2)
{
_vecTile[index_Y][right].op_padding();
}
right=right+1;
}
right=right-1;
// 找正上方和正下方的右种子点 int up_index=left;
int down_index=left; int up_may_seed_x=left;
while (index_Y+1<20&&up_index<=right) {
if ( _vecTile[index_Y+1][up_index]._state==0)
{
up_may_seed_x=up_index;
}
up_index=up_index+1;
} up_index=up_index-1;
if ( (index_X+1)<20 && _vecTile[index_Y+1][up_may_seed_x]._state == 0)
{
scanning_pad(up_may_seed_x,index_Y+1); // 对上面的种子点进行扫描递归处理
} int down_may_seed_x=left;
while (index_Y-1>=0 && down_index<=right )
{
if ( _vecTile[index_Y-1][down_index]._state==0)
{
down_may_seed_x=down_index;
}
down_index=down_index+1;
}
down_index=down_index-1;
if ( (index_Y-1)>=0 && _vecTile[index_Y-1][down_may_seed_x]._state == 0 )
{
scanning_pad(down_may_seed_x,index_Y-1); // 对下面的种子点进行扫描递归处理
}
} void redraw()
{
for (int i=0;i<_vTileNum;i++)
{
for (int j=0;j<_hTileNum;j++)
{
_vecTile[i][j].draw();
}
}
} unsigned int _hTileNum; // _hTileNum 是横向的块的个数
unsigned int _vTileNum; // _vTileNum 是纵向的块的个数 vector<vector<tile> > _vecTile;//容器vector保存对象好于对象指针~ 因为保存对象的话操作的就是栈上的内存,而指针的话就操作堆上的内存,开销大了。 这样想法是不是错误的?
// stack<tile> _stackTile;
}; void init(void); void displayFcn(void); void plotpoint(GLint x, GLint y); void mouse(GLint button, GLint action, GLint x,GLint y); tileLayer g_tileLayer;// 全局对象
void main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_SINGLE|GLUT_RGB);
glutInitWindowPosition(50, 100);
glutInitWindowSize(400, 400);
glutCreateWindow("mouse"); init();
glutDisplayFunc(displayFcn);
glutMouseFunc(mouse);
glutMainLoop(); }
void init(void)
{
glClearColor(1.0,1.0, 1.0, 1.0); // 重视这句话 glMatrixMode(GL_PROJECTION);//设置投影矩阵
gluOrtho2D(0 ,400, 0 ,400);//二维视景区域 glColor3f(1.0,0.0,0.0);
glPointSize(13.0);//点的大小
}
void plotpoint(GLint x, GLint y)
{
// 先计算是二维容器里的哪个tile,然后这个tile调用边界op
unsigned int index_X=0,index_Y=0;
index_X=x/20;
index_Y=y/20; (g_tileLayer._vecTile[index_Y][index_X]).op_side() ; // 注意顺序 }
void displayFcn(void)
{
glClear(GL_COLOR_BUFFER_BIT); glColor3f(0 ,0 ,0);
glBegin(GL_LINES);
for (int i=0 ;i<=HEIGHT/SUBHEIGHT ;i++) // 画横线
{
glVertex2d(0 ,i*SUBHEIGHT);
glVertex2d(WIDTH ,i*SUBHEIGHT);
} for (int i=0 ;i<=WIDTH/SUBWIDTH ;i++) // 画竖线
{
glVertex2d(i*SUBWIDTH ,0);
glVertex2d(i*SUBWIDTH ,HEIGHT);
} glEnd();
glFlush();
}
void mouse(GLint button, GLint action, GLint x,GLint y)
{
if (button==GLUT_LEFT_BUTTON && action==GLUT_DOWN)
{
plotpoint(x,400-y);
}
//glFlush();
if (button==GLUT_RIGHT_BUTTON && action==GLUT_DOWN)
{
// 执行算法!!
unsigned int index_X=0,index_Y=0;
index_X=x/20;
index_Y=(400-y)/20; //-----------------------
// 在这边切换2种实现算法,只要注释掉其中一个调用就行了
//-----------------------
g_tileLayer.recursive_pad(index_X,index_Y);
// g_tileLayer.scanning_pad(index_X,index_Y);
}
}
运行结果:
四联通种子递归填充
扫描法递归填充
期间遇到一个有趣的bug,
((tile)g_tileLayer._vecTile[index_Y][index_X]).op_side() ;
cout<<((tile)g_tileLayer._vecTile[index_Y][index_X])._state<<"检验值";
发现第二条语句居然打印出来依然为0,而不是1;
问题在于前面的多余的(tile) 对象转换 ,操作的是副本了,自然就没有修改到我们要的目标对象了。
看来指针转换是比较靠谱的,对象强制转换是不靠谱的,会调用implicit的copy constructor 。
参考 : http://blog.csdn.net/jiangxinyu/article/details/7911876 这里有种子扫描算法为什么能填充的原因。
Open gl 的不规则图形的4联通种子递归填充和扫描线种子递归填充算法实现的更多相关文章
-
使用CSS 3创建不规则图形 文字围绕
前言 CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中.本篇文章的目的是为大家开启它的冰山一角.我希望这篇文章能让你对不规则图形有一个初步的了解. 现在,我们已经可以使用CSS 3 常 ...
-
unity之uv贴图画圆弧,圆弧面,不规则图形
由于最近一直没有时间,所以这篇博客一直没发,下面我说说uv画圆弧,圆面,不规则面拼接. 先来两张效果图 图截的不咋滴,凑合着看吧,画圆弧主要用的贝塞尔曲线画的,我感觉这个比较简单,当然大家也可以使用圆 ...
-
qt button以及label实现不规则图形(五种方法:使用QSS,设置Mask图片,自己画)
1.方法1:准备一张边界是透明的不规则图形 QPushButton * pbtn = new QPushButton; pbtn->setStyleSheet("QPushBut ...
-
border三角形阴影(不规则图形阴影)和多重边框的制作
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 1. border的组合写法 border:border-width border-style borde ...
-
使用CSS 3创建不规则图形
前言 CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中.本篇文章的目的是为大家开启它的冰山一角.我希望这篇文章能让你对不规则图形有一个初步的了解. 现在,我们已经可以使用CSS 3 常 ...
-
WPF入门(三)->;几何图形之不规则图形(PathGeometry) (2)
原文:WPF入门(三)->几何图形之不规则图形(PathGeometry) (2) 上一节我们介绍了PathGeometry中LineSegment是点与点之间绘制的一条直线,那么我们这一节来看 ...
-
WPF入门(三)->;几何图形之不规则图形(PathGeometry)
原文:WPF入门(三)->几何图形之不规则图形(PathGeometry) 前面我们给大家介绍了LineGeometry,EllipseGeometry,CombinedGeometry等一些规 ...
-
css border 三角形阴影(不规则图形阴影) &; 多重边框的制作
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! border 的组合写法 border:border-width border-style border- ...
-
CSS 不规则图形绘制
基础技能1 - 神奇的border 我们先来画一个长方形: .Rectangle { height: 100px; width: 200px; background: darkgray; border ...
随机推荐
-
Oracle 11g 服务器安装图解
平常Oracle都是安装到本地的,没有安装到服务器过,今天找了个帖子是安装到服务器的图解 http://jingyan.baidu.com/album/948f5924373c04d80ff5f9f5 ...
-
Nikto是一款Web安全扫描工具,可以扫描指定主机的web类型,主机名,特定目录,cookie,特定CGI漏洞,XSS漏洞,SQL注入漏洞等,非常强大滴说。。。
Nikto是一款Web安全扫描工具,可以扫描指定主机的web类型,主机名,特定目录,cookie,特定CGI漏洞,XSS漏洞,SQL注入漏洞等,非常强大滴说... root@xi4ojin:~# cd ...
-
Ubuntu下的终端多标签切换快捷键
ubuntu下由于常在终端下工作,也同样需要在一个终端窗口下开启多个标签方便日常开发工作(vim党,尽量避免使用鼠标) 方法一: alt+1 alt+2 alt+3 方法二: ctrl + pageU ...
-
学号:201621123032 《Java程序设计》第14周学习总结
1:本周学习总结 2:使用数据库技术改造你的系统 2.1:简述如何使用数据库技术改造你的系统.要建立什么表?截图你的表设计. 建立一个图书馆的表 建立读者用户个人的借书信息表---但是目前没有办法做到 ...
-
arcgis api 3.x for js 入门开发系列八聚合效果(附源码下载)
前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...
-
PHP var_dump()函数输出不完整,有省略号?解决办法
xdebug.var_display_max_children=10240xdebug.var_display_max_data=10240xdebug.var_display_max_depth=1 ...
-
css背景图宽度只适应,高度不变
保证1920px的图片,在低分率率的电脑上也能正常显示,两边裁剪,中间居中,高度不变 <!DOCTYPE html> <html lang="en"> &l ...
-
LigerUi遮罩的两个方法
$.ligerDialog.waitting('正在查询,请稍候...'); $.ligerDialog.close();
-
JAVA程序测试感受
上周四下午,我们进行了JAVA测试,心里很慌,在家中只是学习了JAVA程序的输入.输出以及各种数据类型使用而已,王建民老师给我们发了一份JAVA的课前测试样卷,是关于学生信息管理系统的,我们提前从学长 ...
-
2017-2018-2 20165228 实验三《敏捷开发与XP实践》实验报告
2017-2018-2 20165228 实验三<敏捷开发与XP实践>实验报告 相关知识点 (一)敏捷开发与XP 通过 XP准则来表达: 沟通 :XP认为项目成员之间的沟通是项目成功的关键 ...