错觉图片生成实验

错觉图片生成实验

这学期的线下C语言课程，大一同学们学完旋转蛇案例后（童晶：第4章 旋转蛇（《C和C++游戏趣味编程》配套教学视频）），布置了一次图片生成实验的PBL，给了大家3天时间分组完成代码、ppt报告。

这次，介绍张馨文、刘宗明俞、邓清、孙雅雯同学实现的奥尔比森错觉错觉。由于同学们学习C语言刚一个月，还没有正式学习数组、函数等语法知识，因此代码可能不够完善。以下提供了分步骤的实现思路、代码，大家可以参考。

首先是同学们调研的目标效果：

在背景圆形图案的影响下，前景互相垂直的黑色线条似乎变得弯曲了。

最终实现效果：

依次实现步骤：

最终代码：

#include<graphics.h>
#include <stdio.h>
#include<conio.h>

int main()
{int Pi = 3.1415926;//定义圆周率
	int width, height, radius;//定义画布宽度和长度还有圆的半径
	radius = 75;//圆的半径
	width = height = 600;//画布长宽
	initgraph(width, height);//绘制画布
	setbkcolor(WHITE);//画布填色
	cleardevice();//以白色填充
	setlinestyle(PS_SOLID | PS_JOIN_BEVEL, 2);//圆轮廓粗细
	setlinecolor(RGB(48, 128, 20));//线的初始颜色
	setfillcolor(RGB(176, 224, 230));//圆的初始颜色
	int step;//定义间距
	step = 0;//间距初始数值
	float a = rand() % 40 + 190;//随机数
	float b = rand() % 40 + 190;//随机数
	float c = rand() % 40 + 190;//随机数
	float x, y;//定义圆心坐标
	for (x = width / 4; x <= width / 4 * 3; x = x + 150)//画圆
	{for (y = width / 4; y <= height / 4 * 3; y = y + 150){fillcircle(x, y, radius);Sleep(50);}}MOUSEMSG m;//加入鼠标操作
	while (1){m = GetMouseMsg();if (m.uMsg == WM_RBUTTONUP)//点击鼠标右键
		{setlinecolor(RGB(0, 0, 0));//线的颜色
			setlinestyle(PS_SOLID | PS_JOIN_BEVEL, 3);//线的粗细
			line(150, 75, 525, 450);//画线
			line(75, 150, 450, 525);//画线
			line(75, 300, 300, 525);//画线
			line(300, 75, 525, 300);//画线
			line(75, 450, 150, 525);//画线
			line(450, 75, 525, 150);//画线
		}else if (m.uMsg == WM_LBUTTONDOWN)//点击鼠标左键
		{setlinecolor(RGB(0, 0, 0));//线的颜色
			setlinestyle(PS_SOLID | PS_JOIN_BEVEL, 3);//线的粗细
			line(300, 75, 75, 300);//画线
			line(75, 450, 450, 75);//画线
			line(150, 525, 525, 150);//画线
			line(300, 525, 525, 300);//画线
			line(75, 150, 150, 75);//画线
			line(450, 525, 525, 450);//画线
		}else if (m.uMsg == WM_MOUSEWHEEL)//滑动鼠标滚轮
			break;//结束循环
	}for (x = width / 4; x <= width / 4 * 3; x = x + 150){for (y = width / 4; y <= height / 4 * 3; y = y + 150){fillcircle(x, y, radius);//绘制九个圆
			step = 0;BeginBatchDraw();//批量绘制
			for (radius = 75; radius > 5; radius = radius - step){setlinecolor(BLACK);setlinestyle(PS_SOLID | PS_ENDCAP_FLAT, 0.5);setfillcolor(RGB(160, a, 245));//变色
				a = rand() % 40 + 190;//变色
				fillcircle(x, y, radius);//画小圆
				Sleep(100);step = step + 4;//改变间距
			}radius = 75;setlinecolor(BLACK);//线的颜色为黑色
			setlinestyle(PS_SOLID | PS_ENDCAP_FLAT, 3);//设置线的参数
			line(x, y - radius, x - radius, y);line(x, y - radius, x + radius, y);line(x - radius, y, x, y + radius);line(x - radius, y, x, y + radius);line(x + radius, y, x, y + radius);//绘制直线
			EndBatchDraw();}}while (1)//循环变色
	{if (kbhit())//判断是否按空格
		{for (x = width / 4; x <= width / 4 * 3; x = x + 150){for (y = width / 4; y <= height / 4 * 3; y = y + 150){fillcircle(x, y, radius);//循环画圆
					step = 0;BeginBatchDraw();for (radius = 75; radius > 5; radius = radius - step){setlinecolor(BLACK);setlinestyle(PS_SOLID | PS_ENDCAP_FLAT, 0.5);setfillcolor(RGB(a, b, c));//圆的颜色随机生成
						a = rand() % 40 + 190;b = rand() % 40 + 190;c = rand() % 40 + 190;fillcircle(x, y, radius);Sleep(50);//停滞一段时间
						step = step + 4;}radius = 75;setlinecolor(BLACK);//画线
					setlinestyle(PS_SOLID | PS_ENDCAP_FLAT, 3);//定义线的粗细
					line(x, y - radius, x - radius, y);line(x, y - radius, x + radius, y);line(x - radius, y, x, y + radius);line(x - radius, y, x, y + radius);line(x + radius, y, x, y + radius);EndBatchDraw();}}_getch();}}closegraph();return 0;
} 

总结体会：

小组作业意味着要进行团队合作，我们事先进行商讨，讨论题目和相应负责部分。在讨论中，我们的思路不断拓宽，代码细节不断完善。

在写代码的过程中我们也遇见不少问题，需要不断学习，例如，我们学会了如何运用循环进行直线、同心圆的绘制，利用随机数产生不同的颜色组合以及运用鼠标和键盘与程序进行交互；也积极地进行对这些问题的讨论，通过合作来解决问题，也一起找出代码中导致不能运行的“BUG”，尤其是颜色范围的确定，是通过了大家一起的努力；当然是在解决不了的问题也向老师请教，最后也是完美地解决了。

我们通过这一次的小组合作作业学习了很多，比如遇到不同出现的问题应该如何解决；如何高效地讨论合作，以及锻炼了写代码的能力。最终版本的调试过程几经波折，但最终我们做出的成品运行的那一刻大家都很激动，一起鼓掌，大概有一种“天啊，我们做出来了！”的感慨，很高兴可以和大家一起完成这份作品，谢谢！