【七夕活动精选】致你的七夕礼物——3D Heart，跳动的 3D 爱心

程序效果很简单，是一颗跳动的爱心。在心脏下面有一行小字写着“七夕快乐”，按住鼠标左键并拖动可以让它旋转起来，按住右键可以让这颗心暂时停止跳动。

执行效果如下：

完整的源代码如下：

/
// 程序名称：致你的七夕礼物 —— 3D Heart
// 编译环境：Visual Studio 2017，EasyX_20220901
// 作　　者：Nomango <www.nomango.cn>
// 最后修改：2017-8-19
// 项目类型：Win32 Console Application
//#include <graphics.h>
#define _USE_MATH_DEFINES
#include <math.h>
#include <vector>
using namespace std;// 宏定义屏幕宽度和高度
#define SCREEN_WIDTH 640
#define SCREEN_HEIGHT 480// 点 结构体
struct Point
{int x = 0;int y = 0;
};// 粒子 结构体
// width、height 分别定义了粒子的宽和高
// x、y 表示粒子的三维坐标（z 坐标永为 0）
// color 表示该粒子的颜色
struct Atom
{static const int width = 2;static const int height = 4;int x = 0;int y = 0;COLORREF color;
};// 全局变量定义vector<Atom> _atomGroup;   // 粒子群
vector<Atom> _wordGroup;  // 文字粒子群double _angle_x = 0;       // 绕 x 轴旋转角度
double _angle_y = 0;       // 绕 y 轴旋转角度ExMessage _lastMsg;         // 记录上次绘图时的鼠标消息
ExMessage _nowMsg;          // 记录当前鼠标消息// 函数声明void InitQuietHeart();        // 创建静止的心形粒子群（已弃用，但仍保留）
void BeatHeart();           // 创建跳动的心脏，每运行一次该函数，心跳一帧
void InitBlessingWord();    // 创建祝福文字粒子群
void Rotate();              // 计算旋转角度
void Draw();                // 绘制三维投影
Point GetConvertPoint(int x, int y);    // 将三维坐标转化为投影后的绘图物理坐标int main()
{initgraph(SCREEN_WIDTH, SCREEN_HEIGHT);                        // 初始化窗口setorigin(SCREEN_WIDTH / 2, SCREEN_HEIGHT / 2);             // 设置原点为屏幕中心SetWindowText(GetHWnd(), _T("致你的七夕礼物 —— 3D Heart"));  // 设置窗口标题BeatHeart();           // 创建跳动的心脏InitBlessingWord();       // 创建文字Draw();                  // 进行一次绘图bool beating = true;  // 控制心跳的变量while (true)          // 进入主循环{ExMessage msg;while (peekmessage(&msg, EX_MOUSE))  // 检测有无鼠标消息{// 按下鼠标左键时，记录鼠标位置if (msg.message == WM_LBUTTONDOWN){_lastMsg = msg;}// 鼠标左键按下，且鼠标正在移动时，进行旋转if (msg.lbutton && msg.message == WM_MOUSEMOVE){beating = false;  // 旋转图形时，停止心跳_nowMsg = msg;     // 获取当前鼠标位置Rotate();            // 通过对比上一次绘图时的鼠标位置，进行旋转_lastMsg = _nowMsg;  // 记录下这一次的鼠标位置Draw();               // 进行一次绘图circle(0, 0, 2);   // 画出坐标原点}else if (msg.rbutton){beating = false;   // 鼠标右键按下时，停止心跳}else{beating = true;        // 其他情况继续心跳}}// 心脏跳动if (beating){BeatHeart();Draw();}// 延时Sleep(16);}// 关闭绘图环境closegraph();return 0;
}// 计算心形时的辅助函数
float f(float x, float y, float z)
{float a = x * x + 9.0f / 4.0f * y * y + z * z - 1;return a * a * a - x * x * z * z * z - 9.0f / 80.0f * y * y * z * z * z;
}// 计算心形时的辅助函数
float h(float x, float z)
{for (float y = 1.0f; y >= 0.0f; y -= 0.001f){if (f(x, y, z) <= 0.0f){return y;}}return 0.0f;
}void InitQuietHeart()
{// 添加心形粒子群int _x = 0;int _y = -30;for (float z = 1.5f; z > -1.5f; z -= 0.05f){_x = -60;for (float x = -1.5f; x < 1.5f; x += 0.025f){float v = f(x, 0.0f, z);if (v <= 0.0f){// 创建粒子Atom a;// 设置粒子坐标a.x = _x;a.y = _y;// 计算该位置颜色float y0 = h(x, z);float ny = 0.01f;float nx = h(x + ny, z) - y0;float nz = h(x, z + ny) - y0;float nd = 1.0f / sqrtf(nx * nx + ny * ny + nz * nz);float d = (nx + ny - nz) * nd * 0.5f + 0.5f;switch ((int)(d * 5.0f)){case 0: a.color = 0x111133; break;case 1: a.color = 0x111144; break;case 2: a.color = 0x111155; break;case 3: a.color = 0x111177; break;case 4: a.color = 0x111199; break;case 5: a.color = 0x1111aa; break;case 6: a.color = 0x2222cc; break;case 7: a.color = 0x2222ee; break;case 8: a.color = 0x3333ff; break;}_atomGroup.push_back(a);}_x++;}_y++;}
}void BeatHeart()
{// 时间变量 tstatic float t = 0.0f;t += (t > 100) ? -100 : 0.1f;// 一系列复杂运算...float s = sinf(t);float a = s * s * s * s * 0.2f;// 清空粒子群_atomGroup.clear();// 添加粒子群int _x = 0;int _y = -20;for (float z = 1.3f; z > -1.2f; z -= 0.05f){float tz = z * (1.2f - a);_x = -60;for (float x = -1.5f; x < 1.5f; x += 0.025f){float tx = x * (1.2f + a);float v = f(tx, 0.0f, tz);if (v <= 0.0f){// 创建粒子Atom atom;// 设置粒子坐标atom.x = _x;atom.y = _y;// 设置粒子颜色// 一系列复杂运算...float y0 = h(tx, tz);float ny = 0.01f;float nx = h(tx + ny, tz) - y0;float nz = h(tx, tz + ny) - y0;float nd = 1.0f / sqrtf(nx * nx + ny * ny + nz * nz);float d = (nx + ny - nz) * nd * 0.5f + 0.5f;switch ((int)(d * 5.0f)){case 0: atom.color = 0x111133; break;case 1: atom.color = 0x111144; break;case 2: atom.color = 0x111155; break;case 3: atom.color = 0x111177; break;case 4: atom.color = 0x111199; break;case 5: atom.color = 0x1111aa; break;case 6: atom.color = 0x2222cc; break;case 7: atom.color = 0x2222ee; break;case 8: atom.color = 0x3333ff; break;}// 添加进粒子群_atomGroup.push_back(atom);}_x++;}_y++;}
}void InitBlessingWord()
{char blessing[7][34] = {  // “七夕快乐”文字{ 0,0,0,0,0,0,0, 0,0, 0,0,0,1,0,0,0, 0,0, 0,1,0,0,1,0,0, 0,0, 0,0,0,0,1,0,0 },{ 0,0,1,0,0,0,1, 0,0, 0,0,1,1,1,0,0, 0,0, 0,1,0,1,1,1,1, 0,0, 0,1,1,1,0,0,0 },{ 0,0,1,0,0,1,0, 0,0, 0,1,1,0,0,1,0, 0,0, 0,1,0,0,1,0,1, 0,0, 1,0,0,1,0,0,0 },{ 0,0,1,1,1,0,0, 0,0, 1,0,0,1,0,1,0, 0,0, 1,1,1,1,1,1,1, 0,0, 1,1,1,1,1,1,1 },{ 0,1,1,0,0,0,1, 0,0, 0,0,0,0,1,0,0, 0,0, 0,1,0,0,1,0,0, 0,0, 0,0,0,1,0,0,0 },{ 1,0,0,1,1,1,0, 0,0, 0,0,0,1,0,0,0, 0,0, 0,1,0,1,0,1,0, 0,0, 0,1,0,1,0,1,0 },{ 0,0,0,0,0,0,0, 0,0, 0,0,1,0,0,0,0, 0,0, 0,1,1,0,0,0,1, 0,0, 1,0,0,1,0,0,1 }};// 添加粒子群for (int i = 0; i < 7; i++){for (int j = -17; j < 17; j++){if (blessing[i][j + 17] == 1){Atom a;a.x = j;a.y = 30 + i;a.color = WHITE;_wordGroup.push_back(a);}}}
}void Rotate()
{// 计算旋转角度_angle_x += (_nowMsg.x - _lastMsg.x) / 100.0;_angle_y += (_nowMsg.y - _lastMsg.y) / 100.0;// 防止角度过大或过小if (fabs(_angle_x) > 2 * M_PI){_angle_x > 0 ? _angle_x -= 2 * M_PI : _angle_x += 2 * M_PI;}if (fabs(_angle_y) > 2 * M_PI){_angle_y > 0 ? _angle_y -= 2 * M_PI : _angle_y += 2 * M_PI;}
}void Draw()
{static Point p;// 开启批量绘图BeginBatchDraw();// 清空当前画面cleardevice();// 绘制粒子群for (Atom a : _atomGroup){// 设置颜色setfillcolor(a.color);// 获取投影坐标p = GetConvertPoint(a.x, a.y);// 绘制粒子solidrectangle(p.x - Atom::width / 2, p.y - Atom::height / 2, p.x + Atom::width / 2, p.y + Atom::height / 2);}// 绘制文字粒子群setfillcolor(WHITE);for (Atom a : _wordGroup){// 获取投影坐标p = GetConvertPoint(a.x, a.y);// 绘制粒子solidrectangle(p.x - 1, p.y - 1, p.x + 1, p.y + 1);}// 停止批量绘图EndBatchDraw();
}Point GetConvertPoint(int x, int y)
{static int x0, y0;// 将坐标乘以宽高x *= Atom::width;y *= Atom::height;// 计算转换坐标x0 = int(x * cos(_angle_x) + y * sin(_angle_y) * sin(_angle_x));y0 = int(y * cos(_angle_y) + x * sin(_angle_x) * sin(_angle_y));return Point({ x0, y0 });
}

程序很简单而且代码量很少，注释加的也比较全，建议想学习的童鞋直接阅读源代码了解程序的运行过程，我就不费力气解释了。只简单说一下我觉得新手比较难理解的地方：

1. 结构体里的 static 是什么意思？

static 的意思是静态，它修饰全局变量时，意味着该变量只允许在该文件内可见。它修饰函数内的变量时，意味着这个变量只在第一次进入函数时被初始化，并且在函数返回后也一直在内存中不被释放，下一次进入函数时可以继续使用这个变量。
那 static 修饰结构体里的变量时，作用是什么呢？
答案是实现多个对象之间的数据共享。上图所示的结构体中，如果定义两个 Atom 变量，则每个结构体都有各自的 x、y 和 color，但是它们共有一个 width 和 height。我之所以这样定义，是因为每个粒子的宽高都是固定的，并不是说这个粒子的宽是 2，另外一个的粒子宽是 3 了。
静态成员变量的好处还有很多，百度一下你就知道~

2. 为什么我的编译器显示结构体部分的代码报错？

这是因为低版本的编译器不允许在结构体声明的部分直接初始化变量，VS2015 及以上版本运行这段代码是没有问题的。

3. vector 是什么东西？

如果你学过 C++ 面向对象编程的话，vector 就很好理解，其实就是个封装起来的数组，<> 符号中包含的就是这个数组的数据类型。
使用 vector 的好处显而易见，如果你想向普通数组中添加一个元素，你会怎么做？先重新申请一块大一点的内存，然后把之前的数组复制过来，再添加元素进去对吧，麻烦的很。而 vector 直接用 push_back 函数就可以添加。
删除普通数组某一位置的元素，你会怎么做？将这个位置以后的元素全部提前一个位置对吧，至少要写一个 for 循环，还得时刻考虑数组的大小。而 vector 直接用 easer 函数就可以删除。
如果你想知道一个普通数组的大小怎么办？sizeof 得到总大小，再除以每个元素的大小对吧。而 vector 直接用 size 函数就可以得到。
看完这些，是不是特别想试试 vector 了？

4. 心脏形状是如何写出来的？是如何上色的？又是怎么动起来的？

我从网上百度了控制台输出心形的代码，代码里包含了计算每个位置“颜色”的方法。
心脏的跳动是一点一点试出来的。。调整生成心形时的数值，观察它的变化，发现数值影响形状变化的规律，然后定义一个时间变量 t，让它随 t 在一定范围内循环变化就可以了。有关心形的数学问题我就不知道了，数学不太好。。

5. 旋转是如何做到的？

全局变量 _lastMsg 和 _nowMsg 保存了前后两次绘图时鼠标的位置信息，根据鼠标的移动方向，计算出横向旋转的角度和纵向旋转的角度（在 Rotate 函数中）
结构体 Atom 中储存了粒子的坐标、长宽和颜色信息，绘图时所有粒子的坐标都经过了转换（在 GetConvertPoint 函数中），转换得到三维旋转后的投影坐标，也就是在屏幕上显示的位置了。

祝程序猿们没脱单的永不脱单，脱单的早日分手（误）~~~ 七夕快乐~~

获取更多资源搜索【公众号】：奇牛编程

【七夕活动精选】致你的七夕礼物——3D Heart，跳动的 3D 爱心相关推荐

一行代码教你七夕情人节如何告白❤—动漫3D相册(音乐+文字)HTML+CSS+JavaScript
❤ 一行代码教你七夕情人节如何告白-动漫3D相册(音乐+文字)HTML+CSS+JavaScript 七夕是中国的情人节,七夕520情人节也是一个非常适合表白的日子,可以把自己平常害怕说出来的话,在这 ...
七夕礼物送女生什么好？颜值在线又有心意的礼物推荐
七夕是我国的传统节日,就在8月4号,有女朋友的赶紧准备起来了,表达爱意的时刻就要到了.现在提前准备礼物才能"有备无患".那么该准备哪些礼物呢?送什么礼物才会给到女朋友惊喜呢?小编为 ...
送女朋友的七夕礼物推荐，七夕送礼推荐
每年的农历七月七日是我们的传统情人节,七夕节.被天河无情分隔的牛郎织女,只有在这一天才能甜蜜相会,在这一天情侣间通常会互送礼物,以此纪念和弘扬牛郎织女忠贞的爱情,同时也是在用心经营自己的爱情,那么七夕 ...
HTML5七夕情人节表白网页(抖音-流动爱心表白)HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码爱心表白网页
HTML5七夕情人节表白网页❤抖音-流动爱心表白❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码爱心表白网页这是程序员表白 ...
HTML5七夕情人节表白网页(流星动画3D相册) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤流星动画3D相册❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码程序员表白源码抖音3D旋转相册 js烟花代码 css爱心表白这是 ...
HTML5七夕情人节表白网页(粉色的情人节爱心飞出ui特效) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心
HTML5七夕情人节表白网页❤粉色的情人节爱心飞出ui特效❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心表白这 ...
七夕王者服务器维护什么时间结束,王者荣耀2020七夕活动什么时候结束？七夕情人节活动结束时间[多图]...
王者荣耀2020七夕节活动时间是怎么安排的呢?很多玩家朋友还不知道本次七夕情人节活动的开始和结束时间,那么今天小编就为大家分享关于王者荣耀2020七夕活动什么时候结束?七夕情人节活动结束时间,希望能够 ...
HTML5七夕情人节表白网页(情人节满屏爱心HTML5特效) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码程序员表白源码抖音3D旋转相册 js烟花代码
HTML5七夕情人节表白网页❤情人节满屏爱心HTML5特效❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码程序员表白源码抖音3D旋转相册 js烟花代码 css爱 ...
HTML5七夕情人节表白网页(抖音3D立方体图像库) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤抖音❤3D立方体图像库❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心表白这是程序 ...

【七夕活动精选】致你的七夕礼物——3D Heart，跳动的 3D 爱心

【七夕活动精选】致你的七夕礼物——3D Heart，跳动的 3D 爱心相关推荐

最新文章

热门文章