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

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

相关文章

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

基于C#实现PDF转图片的详细教程

《基于C#实现PDF转图片的详细教程》在数字化办公场景中,PDF文件的可视化处理需求日益增长,本文将围绕Spire.PDFfor.NET这一工具,详解如何通过C#将PDF转换为JPG、PNG等主流图片... 目录引言一、组件部署二、快速入门:PDF 转图片的核心 C# 代码三、分辨率设置 - 清晰度的决定因

Python从Word文档中提取图片并生成PPT的操作代码

《Python从Word文档中提取图片并生成PPT的操作代码》在日常办公场景中,我们经常需要从Word文档中提取图片,并将这些图片整理到PowerPoint幻灯片中,手动完成这一任务既耗时又容易出错,... 目录引言背景与需求解决方案概述代码解析代码核心逻辑说明总结引言在日常办公场景中,我们经常需要从 W

使用Python实现无损放大图片功能

《使用Python实现无损放大图片功能》本文介绍了如何使用Python的Pillow库进行无损图片放大,区分了JPEG和PNG格式在放大过程中的特点,并给出了示例代码,JPEG格式可能受压缩影响,需先... 目录一、什么是无损放大?二、实现方法步骤1:读取图片步骤2:无损放大图片步骤3:保存图片三、示php

C#使用Spire.XLS快速生成多表格Excel文件

《C#使用Spire.XLS快速生成多表格Excel文件》在日常开发中,我们经常需要将业务数据导出为结构清晰的Excel文件,本文将手把手教你使用Spire.XLS这个强大的.NET组件,只需几行C#... 目录一、Spire.XLS核心优势清单1.1 性能碾压:从3秒到0.5秒的质变1.2 批量操作的优雅

Python使用python-pptx自动化操作和生成PPT

《Python使用python-pptx自动化操作和生成PPT》这篇文章主要为大家详细介绍了如何使用python-pptx库实现PPT自动化,并提供实用的代码示例和应用场景,感兴趣的小伙伴可以跟随小编... 目录使用python-pptx操作PPT文档安装python-pptx基础概念创建新的PPT文档查看

在ASP.NET项目中如何使用C#生成二维码

《在ASP.NET项目中如何使用C#生成二维码》二维码(QRCode)已广泛应用于网址分享,支付链接等场景,本文将以ASP.NET为示例,演示如何实现输入文本/URL,生成二维码,在线显示与下载的完整... 目录创建前端页面(Index.cshtml)后端二维码生成逻辑(Index.cshtml.cs)总结

Python实现数据可视化图表生成(适合新手入门)

《Python实现数据可视化图表生成(适合新手入门)》在数据科学和数据分析的新时代,高效、直观的数据可视化工具显得尤为重要,下面:本文主要介绍Python实现数据可视化图表生成的相关资料,文中通过... 目录前言为什么需要数据可视化准备工作基本图表绘制折线图柱状图散点图使用Seaborn创建高级图表箱线图热