错觉图片生成实验 - 奥尔比森错觉

2023-12-04 04:59

本文主要是介绍错觉图片生成实验 - 奥尔比森错觉,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

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

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

v2-eef00ad33cf94484d349c38001995da1_b.jpg

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

最终实现效果:

依次实现步骤:

v2-16e98a8741d76735156a28d1e069b5a8_b.jpg

v2-436e4a4f2af95cee911adeeaa294d198_b.jpg

v2-db473c475b7694e89d92ddbb66760b4a_b.jpg

v2-ed047f92e321b08e24544685ce6af28d_b.jpg

最终代码:

#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”,尤其是颜色范围的确定,是通过了大家一起的努力;当然是在解决不了的问题也向老师请教,最后也是完美地解决了。

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

这篇关于错觉图片生成实验 - 奥尔比森错觉的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/452202

相关文章

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType?FIT_XYFIT_STARTFIT_CENTE

关于MongoDB图片URL存储异常问题以及解决

《关于MongoDB图片URL存储异常问题以及解决》:本文主要介绍关于MongoDB图片URL存储异常问题以及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录MongoDB图片URL存储异常问题项目场景问题描述原因分析解决方案预防措施js总结MongoDB图

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)

C#实现将Excel表格转换为图片(JPG/ PNG)

《C#实现将Excel表格转换为图片(JPG/PNG)》Excel表格可能会因为不同设备或字体缺失等问题,导致格式错乱或数据显示异常,转换为图片后,能确保数据的排版等保持一致,下面我们看看如何使用C... 目录通过C# 转换Excel工作表到图片通过C# 转换指定单元格区域到图片知识扩展C# 将 Excel

IDEA自动生成注释模板的配置教程

《IDEA自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Python如何自动生成环境依赖包requirements

《Python如何自动生成环境依赖包requirements》:本文主要介绍Python如何自动生成环境依赖包requirements问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录生成当前 python 环境 安装的所有依赖包1、命令2、常见问题只生成当前 项目 的所有依赖包1、

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例