C/C++跳动的爱心

系列文章

序号	直达链接
1	C/C++李峋同款跳动的爱心
2	C/C++跳动的爱心
3	C/C++经典爱心
4	C/C++满屏飘字
5	C/C++大雪纷飞
6	C/C++炫酷烟花
7	C/C++黑客帝国同款字母雨
8	C/C++樱花树
9	C/C++奥特曼
10	C/C++精美圣诞树
11	C/C++俄罗斯方块小游戏
12	C/C++贪吃蛇小游戏
13	C/C++孤单又灿烂的神
14	C/C++闪烁的爱心
15	C/C++哆啦A梦
16	C/C++简单圣诞树
17	C/C++小宇宙
18	C/C++冰墩墩
19	C/C++七彩花朵
20	C/C++玫瑰花
21	C/C++小猪佩奇
22	C/C++简易爱心
23	C/C++流星雨
24	C/C++2048小游戏
25	C/C++爱心圣诞树
26	C/C++文字跑马灯
27	C/C++教师工作量管理系统
28	C/C++满天繁星
29	C/C++漂浮爱心
30	C/C++五子棋小游戏
31	C/C++球球大作战小游戏
32	C/C++走迷宫小游戏
33	C/C++粉色爱心
34	C/C++跨年烟花
35	C/C++棕色小熊
36	C/C++粉色动态爱心
37	C/C++新春烟花
敬请期待……

写在前面

C/C++语言实现李峋同款跳动的爱心完整代码。

首先，我们需要知道C++作为一种高级编程语言，拥有强大的功能和灵活的语法，非常适合用来制作各种有趣的动画效果。而跳动的爱心，正是一种既简单又富有创意的动画效果，非常适合用来作为编程初学者的练习项目。要实现这个效果，我们需要用到C++的图形库和定时器功能。图形库可以帮助我们在控制台或窗口中绘制出爱心的形状，而定时器则可以让爱心以一定的频率跳动起来。

技术需求

1. 图形库（Graphics Library）：使用 graphics.h 提供的图形功能来绘制点、圆形、文字等图形元素。通过 setfillcolor、solidcircle、outtextxy 等函数来控制图形的颜色、形状和位置。

2. 数学运算与公式：代码使用了数学公式生成心形曲线的点坐标。特别是通过 sin 和 cos 函数，结合参数方程绘制心形曲线。同时使用了距离计算公式 sqrt(pow(x, 2) + pow(y, 2)) 来处理点之间的关系。

3. 随机数生成：通过 rand() 函数生成随机数，用于随机化图形的颜色、大小、位置等，使得动画效果更具动感和变化性。随机数还被用来控制每个点是否生成。

4. 动画生成：通过逐帧生成图像，利用 saveimage 和 loadimage 函数保存并加载每一帧图像，实现动画效果。每帧的点位置随着时间变化，形成动态效果。

5. 图像处理：利用 setorigin、setaspectratio 等函数调整图形坐标系，使得图形能适应不同的屏幕分辨率和显示效果。

6. 文本绘制：使用 outtextxy 函数将文本绘制到图形上，这里用来显示"我爱你"等信息，增强图形的表现力。

7. 内存与性能管理：通过存储每一帧的图像，使用 images[frame] 数组来管理图像数据，确保每一帧能够被独立处理和保存。

环境搭建

环境：C/C++

软件：Visual Studio 2022

安装教程：C语言环境搭建教程（Visual Studio）

1. EasyX是什么

EasyX是一个专为C++初学者和爱好者设计的图形库。该库以简洁易用、功能实用为宗旨，通过封装Windows GDI接口，极大降低了C++编程中图形界面设计的复杂度，使得用户能够快速上手并实现各类图形图像处理任务。

EasyX提供了一系列丰富的API函数，涵盖了绘制基本图形（如线段、圆形、矩形等）、填充图形、显示文本、加载与保存图片、颜色设置以及鼠标键盘事件处理等功能。通过简单的函数调用，开发者可以高效地进行2D图形绘制和交互式程序设计。

总的来说，EasyX以其友好的学习曲线和高效的图形处理能力，极大地激发了C++初学者对计算机图形学的兴趣，是广大编程入门者和教育领域广泛采用的一款图形库工具。

2. 下载安装EasyX

​

1.进入EasyX官网，点击下载按钮开始下载

2.下载完成后进入下载目录，双击.exe文件无脑安装即可

接下来，让我们一步步来实现这个跳动的爱心。首先，我们需要通过一系列的数学公式来定义爱心的形状，比如使用参数方程来描述爱心的轮廓。然后，我们可以使用C++的图形库来绘制出这个形状。当绘制好爱心后，就要想办法让它跳动起来了，这里我们可以使用C++的定时器功能，设置一个合适的时间间隔，让爱心在每个时间间隔内改变位置或大小，从而产生跳动的效果。

完整代码

1. #include <graphics.h>
2. #include <conio.h>
3. #include <ctime>
4. #include <cmath>
5. #include <cstdlib>
7. struct Point {
8. double x, y;
9. COLORREF color;
10. };
12. const int MAX_POINTS = 256;
13. const COLORREF colors[MAX_POINTS] = {
14. RGB(255, 192, 203), // 浅粉色 (Light Pink)
15. RGB(255, 182, 193), // 淡粉红 (LightPink)
16. RGB(255, 105, 180), // 热粉红 (HotPink)
17. RGB(255, 20, 147), // 深粉色 (DeepPink)
18. RGB(219, 112, 147), // 浓粉红 (PaleVioletRed)
19. RGB(255, 174, 185), // 浅玫瑰红 (LightPink)
20. RGB(255, 0, 144) // 紫红色 (Crimson)
21. };
22. const int xScreen = GetSystemMetrics(SM_CXSCREEN);
23. const int yScreen = GetSystemMetrics(SM_CYSCREEN) - 100;
24. const double PI = 3.14159265359;
25. const double E = 2.71828;
26. const double AVG_DISTANCE = 0.162;
27. const int NUM_ORIGIN_POINTS = 506;
28. const int NUM_CIRCLES = 210;
29. const int NUM_FRAMES = 20;
30. const int COLOR_RANGE = 6;
32. Point origin_points[NUM_ORIGIN_POINTS];
33. Point points[NUM_CIRCLES * NUM_ORIGIN_POINTS];
34. IMAGE images[NUM_FRAMES];
36. int create_random(int min, int max) {
37. return rand() % (max - min + 1) + min;
38. }
40. void create_data() {
41. int index = 0;
42. double x1 = 0, y1 = 0, x2 = 0, y2 = 0;
44. // Generate origin points
45. for (double radian = 0.1; radian <= 2 * PI; radian += 0.005) {
46. x2 = 16 * pow(sin(radian), 3);
47. y2 = 13 * cos(radian) - 5 * cos(2 * radian) - 2 * cos(3 * radian) - cos(4 * radian);
48. double distance = sqrt(pow(x2 - x1, 2) + pow(y2 - y1, 2));
49. if (distance > AVG_DISTANCE) {
50. x1 = x2, y1 = y2;
51. origin_points[index].x = x2;
52. origin_points[index++].y = y2;
53. }
54. }
56. // Generate points
57. index = 0;
58. for (double size = 0.1, lightness = 1.5; size <= 20; size += 0.1) {
59. double success_p = 1 / (1 + pow(E, 8 - size / 2));
60. if (lightness > 1) lightness -= 0.0025;
61. for (int i = 0; i < NUM_ORIGIN_POINTS; ++i) {
62. if (success_p > create_random(0, 100) / 100.0) {
63. COLORREF color = colors[create_random(0, COLOR_RANGE)];
64. points[index].color = RGB(GetRValue(color) / lightness, GetGValue(color) / lightness, GetBValue(color) / lightness);
65. points[index].x = size * origin_points[i].x + create_random(-4, 4);
66. points[index++].y = size * origin_points[i].y + create_random(-4, 4);
67. }
68. }
69. }
70. int points_size = index;
72. // Generate images
73. for (int frame = 0; frame < NUM_FRAMES; ++frame) {
74. images[frame] = IMAGE(xScreen, yScreen);
75. SetWorkingImage(&images[frame]);
76. setorigin(xScreen / 2, yScreen / 2);
77. setaspectratio(1, -1);
79. for (index = 0; index < points_size; ++index) {
80. double x = points[index].x, y = points[index].y;
81. double distance = sqrt(pow(x, 2) + pow(y, 2));
82. double distance_increase = -0.0009 * distance * distance + 0.35714 * distance + 5;
83. double x_increase = distance_increase * x / distance / NUM_FRAMES;
84. double y_increase = distance_increase * y / distance / NUM_FRAMES;
85. points[index].x += x_increase;
86. points[index].y += y_increase;
87. setfillcolor(points[index].color);
88. solidcircle(points[index].x, points[index].y, 1);
89. }
91. ……

复制代码

代码分析

这段代码使用了 C++ 中的图形库来生成一系列动画图像，并展示一个基于爱心形状的图案。下面将详细分析该代码的各个部分，包括结构体定义、常量声明、函数实现和程序的执行流程。

1. 引用的头文件

1. #include <graphics.h>
2. #include <conio.h>
3. #include <ctime>
4. #include <cmath>
5. #include <cstdlib>

复制代码

• graphics.h：是 C++ 中的图形处理库，提供了用于绘制图形和图像的函数。
• conio.h：用于控制台输入输出，包括 _kbhit()（检测是否有按键输入）等功能。
• ctime：用于获取系统时间，主要用于生成随机数。
• cmath：提供数学运算函数，如 pow、sqrt 等。
• cstdlib：用于生成随机数等操作。

2. 数据结构

1. struct Point {
2. double x, y;
3. COLORREF color;
4. };

复制代码

定义了一个 Point 结构体，用来存储二维坐标点的 x 和 y 值，以及一个 color 属性，代表该点的颜色。COLORREF 是一个颜色的结构，通常包含 RGB 颜色值。

3. 常量声明

1. const int MAX_POINTS = 256;
2. const COLORREF colors[MAX_POINTS] = {
3. RGB(255, 192, 203), RGB(255, 182, 193), RGB(255, 105, 180),
4. RGB(255, 20, 147), RGB(219, 112, 147), RGB(255, 174, 185), RGB(255, 0, 144)
5. };
6. const int xScreen = GetSystemMetrics(SM_CXSCREEN);
7. const int yScreen = GetSystemMetrics(SM_CYSCREEN) - 100;
8. const double PI = 3.14159265359;
9. const double E = 2.71828;
10. const double AVG_DISTANCE = 0.162;
11. const int NUM_ORIGIN_POINTS = 506;
12. const int NUM_CIRCLES = 210;
13. const int NUM_FRAMES = 20;
14. const int COLOR_RANGE = 6;

复制代码

• MAX_POINTS：最大点数，表示图像中最多可以包含 256 个点。
• colors：存储了 7 种颜色的 RGB 值，表示动画中使用的颜色范围。
• xScreen, yScreen：获取屏幕的宽度和高度，并为绘制图像留出一些空间。
• PI 和 E：圆周率和自然常数。
• AVG_DISTANCE：用于计算点之间的平均距离。
• NUM_ORIGIN_POINTS：原始数据点的数量。
• NUM_CIRCLES：生成的圆形点的数量。
• NUM_FRAMES：动画帧的数量。
• COLOR_RANGE：颜色范围，用于选择颜色的随机数范围。

4. 全局变量

1. Point origin_points[NUM_ORIGIN_POINTS];
2. Point points[NUM_CIRCLES * NUM_ORIGIN_POINTS];
3. IMAGE images[NUM_FRAMES];

复制代码

• origin_points：存储原始的点数据，用于计算图案。
• points：存储图形中每个点的数据，包括坐标和颜色。
• images：存储每一帧生成的图像。

5. 创建随机数的辅助函数

1. int create_random(int min, int max) {
2. return rand() % (max - min + 1) + min;
3. }

复制代码

这个函数用来生成一个指定范围内的随机整数。通过 rand() 函数生成一个随机数，然后通过模运算限制其在给定的区间内。

6. create_data() 函数

该函数是整个程序的核心，负责生成原始点数据、计算点的位置，并生成动画的帧。

6.1 生成原始数据点

1. for (double radian = 0.1; radian <= 2 * PI; radian += 0.005) {
2. x2 = 16 * pow(sin(radian), 3);
3. y2 = 13 * cos(radian) - 5 * cos(2 * radian) - 2 * cos(3 * radian) - cos(4 * radian);
4. double distance = sqrt(pow(x2 - x1, 2) + pow(y2 - y1, 2));
5. if (distance > AVG_DISTANCE) {
6. x1 = x2, y1 = y2;
7. origin_points[index].x = x2;
8. origin_points[index++].y = y2;
9. }
10. }

复制代码

这段代码生成了一个心形曲线的原始数据点，使用了 parametric equations 来绘制心形。通过遍历角度 radian，计算 x2 和 y2 的坐标，并根据距离过滤掉过于接近的点。

6.2 生成圆形点数据

这一部分通过变化 size 和 lightness，生成了不同大小、不同亮度的点。通过 success_p 来决定点是否应当被生成，最终生成的点被随机设置颜色，并加入到 points 数组中。

6.3 生成动画帧

这一段代码是核心部分，负责绘制和动画生成。

通过计算每个点的位置，绘制心形的各个点，并生成动态的效果。

7. 总结

这段代码实现了一个基于心形图案的动态生成动画，涉及到数学公式、图形绘制、随机数生成等多个方面的知识。它通过逐帧绘制来创建动画效果，并通过修改颜色、位置、大小等参数来实现动态展示。

写在后面

我是一只有趣的兔子，感谢你的喜欢！