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

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

相关文章

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

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

MySQL中动态生成SQL语句去掉所有字段的空格的操作方法

《MySQL中动态生成SQL语句去掉所有字段的空格的操作方法》在数据库管理过程中,我们常常会遇到需要对表中字段进行清洗和整理的情况,本文将详细介绍如何在MySQL中动态生成SQL语句来去掉所有字段的空... 目录在mysql中动态生成SQL语句去掉所有字段的空格准备工作原理分析动态生成SQL语句在MySQL

基于Python实现高效PPT转图片工具

《基于Python实现高效PPT转图片工具》在日常工作中,PPT是我们常用的演示工具,但有时候我们需要将PPT的内容提取为图片格式以便于展示或保存,所以本文将用Python实现PPT转PNG工具,希望... 目录1. 概述2. 功能使用2.1 安装依赖2.2 使用步骤2.3 代码实现2.4 GUI界面3.效

Python实现AVIF图片与其他图片格式间的批量转换

《Python实现AVIF图片与其他图片格式间的批量转换》这篇文章主要为大家详细介绍了如何使用Pillow库实现AVIF与其他格式的相互转换,即将AVIF转换为常见的格式,比如JPG或PNG,需要的小... 目录环境配置1.将单个 AVIF 图片转换为 JPG 和 PNG2.批量转换目录下所有 AVIF 图

详解如何通过Python批量转换图片为PDF

《详解如何通过Python批量转换图片为PDF》:本文主要介绍如何基于Python+Tkinter开发的图片批量转PDF工具,可以支持批量添加图片,拖拽等操作,感兴趣的小伙伴可以参考一下... 目录1. 概述2. 功能亮点2.1 主要功能2.2 界面设计3. 使用指南3.1 运行环境3.2 使用步骤4. 核

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,:本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点:适用场景:二、JPEG质量参数压缩关键技术:压缩效果对比

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Java利用docx4j+Freemarker生成word文档

《Java利用docx4j+Freemarker生成word文档》这篇文章主要为大家详细介绍了Java如何利用docx4j+Freemarker生成word文档,文中的示例代码讲解详细,感兴趣的小伙伴... 目录技术方案maven依赖创建模板文件实现代码技术方案Java 1.8 + docx4j + Fr

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整