EasyX库入门学习

EasyX库入门学习

1.EasyX的基本说明

​ 首先来了解一下什么是 EasyX ？为什么要使用 EasyX ？ EasyX 能做什么？

EasyX 是针对 C++ 的图形库，是一个为了尽可能兼容之前的图形库、教材和现代开发环境的产物，给学生和新手提供在几行代码内就可以看到效果的机会，可以帮助 C/C++ 初学者快速上手图形和游戏编程。

我们都知道数学很重要，可是学生只体会到了“鸡兔同笼”、斐波那契数列、求公约数公倍数等基础问题，这很难表现出数学在编程中的重要性。将 EasyX 应用到教学中以后，数学的介入更紧密了，例如画五角星、模拟太阳地球月亮运动、Mandelbrot Set（使用复数的迭代运算）、3D 变换等，都需要数学知识。同时，图形程序还会激发学生的兴趣，使学习事半功倍。为什么不用 Windows API 实现画图？我相信学过 Win32 编程的都知道，最简单的创建一个窗口并构建消息循环，代码不少于 50 行。稍微加一点绘图内容，要涉及到的概念非常多，初学者很难掌握，直接快进到从入门到入土

许多人学编程都是从 C 语言入门的，且C语言更是绝大部分软件专业大一新生的必修科目之一，更让我们厌烦的是一直面对黑乎乎的控制台界面，学习起来非常枯燥乏味，下面来说一下为什么要使用EasyX：

1. 有些学校以 Turbo C 为环境学习 C 语言，只是 Turbo C 实在太老了，复制粘贴都很不方便。
2. 有些学校直接拿 VC 来讲 C 语言，因为 VC 的编辑和调试环境都很优秀，并且 VC 有适合教学的免费版本。可惜在 VC 里面只能做一些文字性的练在这里插入代码片习题，想画条直线或一个圆都很难，例如需要注册窗口类、建消息循环等等，初学者会受严重打击的。初学编程想要绘图就得用 TC，很是无奈。
3. 还有计算机图形学，这门课程的重点是绘图算法，而不是 Windows 编程。所以，许多老师不得不用 TC 教学，因为 Windows 绘图太复杂了，会偏离教学的重点。新的图形学的书有不少是用的 OpenGL，可是门槛依然很高。

EasyX 含有一些简单的函数集合，几乎不用学习，直接翻看参考手册就可以直接使用。

2.EasyX的安装

• 安装：EasyX的安装非常简单，这里直接给出EasyX的官网和安装教程
• 系统支持：支持Windows XP(sp3) 及以上操作系统。
• 编译环境：Visual C++ 6.0，Visual Studio 2008 至 Visual Studio 2019 (x86 & x64)。

3.EasyX的使用

1) 三个基本概念：颜色，坐标，设备

1. 颜色：EasyX 使用 24bit 真彩色，不支持调色板模式
2. 在 EasyX 中，坐标分两种：物理坐标和逻辑坐标
3. 设备”，是指绘图表面。在 EasyX 中，设备分两种，一种是默认的绘图窗口，另一种是 IMAGE 对象。通过 SetWorkingImage 函数可以设置当前用于绘图的设备。设置当前用于绘图的设备后，所有的绘图函数都会绘制在该设备上

2) 绘制环境

​ initgraph

​ 这个函数用于初始化绘图窗口初始化，返回新建绘图窗口的句柄

HWND initgraph(
	int width,			//绘图窗口的宽度
	int height,			//绘图窗口的高度
	int flag = NULL		//绘图窗口的样式，默认为 NULL
);

​ closegraph

​ 这个函数用于关闭绘图窗口

void closegraph();

3) 个人示例程序

这是使用EasyX库绘制一个简单的爱心气球的源代码，不到100行代码，使用Visual Studio 2019开发

///////////////////////////////////////////////////
// 程序名称：爱心气球
// 编译环境：Mictosoft Visual Studio 2019, EasyX_20210224(beta)
// 作　　者：Sirius <2502333748@qq.com>
// 最后修改：2021-11-10
//

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

/// <summary>
/// 绘制心形
/// </summary>
/// <param name="x"> x 坐标 </param>
/// <param name="y"> y 坐标 </param>
/// <param name="size"> 绘制大小 </param>
/// <param name="C"> 爱心边框颜色 </param>
/// <param name="hfillcolor"> 爱心填充颜色 </param>
/// <param name="cfillcolor"> 高光小⚪颜色</param>
void heart(int _x, int _y, int size,
	COLORREF _C = BLACK,
	COLORREF _hfillcolor = RGB(235, 110, 69),
	COLORREF _cfillcolor = RGB(255, 232, 201))
{
	double  m, n, x, y;
	for (double i = 0; i <= size; i += 0.01)
	{
		// 产生极坐标点
		m = i;
		n = -size * (((sin(i) * sqrt(fabs(cos(i)))) / (sin(i) + 1.4142)) - 2 * sin(i) + 2);
		// 转换为笛卡尔坐标
		x = n * cos(m) + _x;
		y = n * sin(m) + _y;
		setfillcolor(_C);					// 设置当前填充颜色
		solidcircle((int)x, (int)y, 2);		// 画填充圆(无边框)				
		//Sleep(10);						// 睡眠0.01秒，观察画爱心的过程
		//if (size/3 < i) break;
	}

	//填充颜色
	setfillcolor(_hfillcolor);
	floodfill(_x + 6, _y + 6, _C);			// 填充区域

	//画个高光小⚪
	setfillcolor(_cfillcolor);
	solidcircle(_x + 44, _y + 3, 6);
}

/// <summary>
/// 绘制背景天空
/// </summary>
void drawSky()
{
	float H = 190;		// 色相
	float S = 1;		// 饱和度
	float L = 0.7f;		// 亮度
	for (int y = 0; y < 480; y++)
	{
		L += 0.0005f;
		setlinecolor(HSLtoRGB(H, S, L));
		line(0, y, 639, y);
	}
}

int main()
{
	IMAGE image;
	HWND hWnd = initgraph(640, 480);
	SetWindowText(hWnd, L"爱心气球");
	setbkcolor(WHITE);											// 设置当前绘图背景色
	cleardevice();												// 清屏
	drawSky();

	// 画爱心
	heart(120, 67, 25);
	//heart(120, 67, 25, BLACK, 0xFFC0CB);
	heart(300, 60, 32);
	getimage(&image, 50, 35, 138, 138);							// 从当前绘图设备获取图像
	rotateimage(&image, &image, 5.5, HSLtoRGB(190, 1, 0.75f));	// 旋转图像
	putimage(400, 67, &image, SRCCOPY);							// 绘制图像到屏幕

	setlinestyle(PS_SOLID, 5);									// 设置当前画线样式
	setlinecolor(BLACK);										// 设置当前线条颜色
	// 绘制三条直线连接气球
	line(120, 166, 300, 365);								
	line(300, 187, 300, 365);
	line(428, 180, 300, 365);

	system("pause");
	return 0;
}

4)EasyX示例程序

• 星罗万象时钟罗盘

效果图：

• 五子棋

效果图：

• 视觉错觉艺术

效果图：