• 【双十一特辑】爱心代码（程序员的浪漫）-李峋

    前言

    最近《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！

    目录

    前言

    C语言简易爱心代码

    原理

    代码

    执行结果

    C语言动态爱心代码

    涉及知识点

    SetConsoleTextAttribute(GetStdHandle(STD_OUTPUT_HANDLE),字体色)

    sheep()

    代码

    执行结果

    Python简易爱心代码

    准备工作

    ​编辑

    涉及知识点

    np.linspace()

    np.sin(​)

    np.cos(​)

    plt.plot()

    plt.show()

    原理

     代码

     执行结果

    Python动态爱心代码

    代码

    执行结果

    HTML动态爱心代码

    代码

    执行结果

    真表白使用的（不懂编程也能学会）

    代码

    ​效果图

    彩蛋-红色炫酷爱心

    链接

    效果图

    C语言简易爱心代码

    原理

    心形线直角坐标式（x^2+y^2-1）^3=x^2*y^3

    让a=x^2+y^2-1，那么a*a*a就是（x^2+y^2-1）^3，有数学定理易得（x^2+y^2-1）^3<=x^2*y^3是为心形线里面的部分包括心形线，那么只要满足（x^2+y^2-1）^3<=x^2*y^3就输出某个指定符号，不满足就输出空格，就可以获得由这个字符组成的爱心，下面我使用的是'v'当指定字符，用三目运算符判断是否满足（x^2+y^2-1）^3<=x^2*y^3，注意输出完一行要换行。

    代码

    1. #include <stdio.h>
    2.  
    3. int main() {
    4. 	for (float y = 2.0f; y > -2.0f; y -= 0.1f) {
    5. 		for (float x = -2.0f; x < 2.0f; x += 0.05f) {
    6. 			float a = x * x + y * y - 1;
    7. 			putchar(a * a * a - x * x * y * y * y <= 0.0f ? 'v' : ' ');
    8. 		}
    9.  
    10. 		putchar('\n');
    11. 	}
    12. }

    执行结果

    C语言动态爱心代码

    涉及知识点

    SetConsoleTextAttribute(GetStdHandle(STD_OUTPUT_HANDLE),字体色)

    SetConsoleTextAttribute()是Windows系统中一个可以设置控制台窗口字体颜色和背景色的计算机函数，常用的几种颜色：

    0=黑色 1=蓝色 2=绿色 4=红色 3=湖蓝色 5=紫色 6=黄色 7=白色 8=灰色

    sheep()

    执行挂起一段时间

    代码

    1. #include <stdio.h>
    2. #include <math.h>
    3. #include <windows.h>
    4. #include <tchar.h>
    5.  
    6. float f(float x, float y, float z) {
    7. 	float a = x * x + 9.0f / 4.0f * y * y + z * z - 1;
    8. 	return a * a * a - x * x * z * z * z - 9.0f / 80.0f * y * y * z * z * z;
    9. }
    10.  
    11. float h(float x, float z) {
    12. 	for (float y = 1.0f; y >= 0.0f; y -= 0.001f)
    13. 		if (f(x, y, z) <= 0.0f)
    14. 			return y;
    15.  
    16. 	return 0.0f;
    17. }
    18.  
    19. int main() {
    20. 	SetConsoleTextAttribute(GetStdHandle(STD_OUTPUT_HANDLE),
    21. 	                        0xc);//SetConsoleTextAttribute()是Windows系统中一个可以设置控制台窗口字体颜色和背景色的计算机函数
    22. 	HANDLE o = GetStdHandle(STD_OUTPUT_HANDLE);// GetStdHandle()检索指定标准设备的句柄（标准输入、标准输出或标准错误）
    23. 	_TCHAR buffer[25][80] = { _T(' ') };
    24. 	_TCHAR ramp[] = _T("vvvvvvvv");
    25. 	int count = 0;
    26. 	int count1 = 0;
    27.  
    28. 	for (float t = 0.0f;; t += 0.1f) {
    29. 		int sy = 0;
    30. 		float s = sinf(t);
    31. 		float a = s * s * s * s * 0.2f;
    32.  
    33. 		for (float z = 1.3f; z > -1.2f; z -= 0.1f) {
    34. 			_TCHAR *p = &buffer[sy++][0];
    35. 			float tz = z * (1.2f - a);
    36.  
    37. 			for (float x = -1.5f; x < 1.5f; x += 0.05f) {
    38. 				float tx = x * (1.2f + a);
    39. 				float v = f(tx, 0.0f, tz);
    40.  
    41. 				if (v <= 0.0f) {
    42. 					float y0 = h(tx, tz);
    43. 					float ny = 0.01f;
    44. 					float nx = h(tx + ny, tz) - y0;
    45. 					float nz = h(tx, tz + ny) - y0;
    46. 					float nd = 1.0f / sqrtf(nx * nx + ny * ny + nz * nz);
    47. 					float d = (nx + ny - nz) * nd * 0.5f + 0.5f;
    48. 					*p++ = ramp[(int)(d * 5.0f)];
    49. 				} else
    50. 					*p++ = ' ';
    51. 			}
    52. 		}
    53.  
    54. 		for (sy = 0; sy < 25; sy++) {
    55. 			COORD coord = { 0, sy };
    56. 			SetConsoleCursorPosition(o, coord);//作用是设置控制台(cmd)光标位置
    57. 			WriteConsole(o, buffer[sy], 79, NULL, 0);//从当前光标位置开始，将字符串写入控制台屏幕缓冲区
    58. 		}
    59.  
    60. 		if (count <= 22) {
    61. 			printf("I Love You") ;//表白内容
    62. 			printf("            To CSDN");// 被表白者的名字
    63. 			count++;
    64. 		} else {
    65. 			printf("You Are My Best Lover.\n");
    66. 			count++;
    67.  
    68. 			if (count >= 44) {
    69. 				count = 0;
    70. 			}
    71. 		}
    72.  
    73. 		Sleep(36);//Sleep函数:执行挂起一段时间，也就是等待一段时间在继续执行
    74. 	}
    75. }

    执行结果

    Python简易爱心代码

    准备工作

    下载matplotlib软件包

    涉及知识点

    np.linspace()

    用于返回指定区间等间隔的数组,例如np.linspace(0,2*np.pi)就是0到2π等间隔的数组

    np.sin(θ)

    对中θ元素取正弦值 

    np.cos(θ)

    对中θ元素取余弦值 

    plt.plot()

    是matplotlib.pyplot模块下的一个函数, 用于画图，它可以绘制点和线

    plt.show()

    展示图像

    原理

    原始的心形线的极坐标方程为r=a(1-cosθ)

    与其对应的参数方程是：

    x(θ)=2r(sinθ-(sin2θ)/2)

    y(θ)= 2r(cosθ-(cos2θ)/2)，(0<=θ<=2π)

     代码

    1. import numpy as np
    2. import matplotlib.pyplot as plt
    3. t=np.linspace(0,2*np.pi)#用于返回指定区间等间隔的数组
    4. x=2*1*(np.cos(t)-np.cos(2*t)/2)
    5. y=2*1*(np.sin(t)-np.sin(2*t)/2)
    6. plt.plot(y,x,c='purple')#c=''控制颜色
    7. plt.show()

     执行结果

    Python动态爱心代码

    这个也是最还原的，代码过长，下面仅展示爱心的基础函数，需要的朋友可以去《点燃我温暖你》中李峋的同款爱心代码-Python文档类资源-CSDN文库下载，我设置的是免费下载

    代码

    1.     x = 16 * (sin(t) ** 3)
    2.     y = -(13 * cos(t) - 5 * cos(2 * t) - 2 * cos(3 * t) - cos(4 * t))

    执行结果

    HTML动态爱心代码

    代码

    由于代码过长，源码放在资源html网页做的动态爱心（超好看）-Javascript文档类资源-CSDN文库里，可以免费下载

    执行结果

    真表白使用的（不懂编程也能学会）

    直达：💗

    代码

    1. <!DOCTYPE html>
    2. <html>
    3.   <head>
    4.     <meta charset="utf-8" />
    5.     <title>💗</title>
    6.  
    7.     <style>
    8.       html,
    9.       body {
    10.         height: 100%;
    11.         padding: 0;
    12.         margin: 0;
    13.         background: #000;
    14.       }
    15.       canvas {
    16.         position: absolute;
    17.         width: 100%;
    18.         height: 100%;
    19.         animation: anim 1.5s ease-in-out infinite;
    20.         -webkit-animation: anim 1.5s ease-in-out infinite;
    21.         -o-animation: anim 1.5s ease-in-out infinite;
    22.         -moz-animation: anim 1.5s ease-in-out infinite;
    23.       }
    24.       #name {
    25.         position: absolute;
    26.         top: 50%;
    27.         left: 50%;
    28.         transform: translate(-50%, -50%);
    29.         margin-top: -20px;
    30.         font-size: 46px;
    31.         color: #ea80b0;
    32.       }
    33.       @keyframes anim {
    34.         0% {
    35.           transform: scale(0.8);
    36.         }
    37.         25% {
    38.           transform: scale(0.7);
    39.         }
    40.         50% {
    41.           transform: scale(1);
    42.         }
    43.         75% {
    44.           transform: scale(0.7);
    45.         }
    46.         100% {
    47.           transform: scale(0.8);
    48.         }
    49.       }
    50.       @-webkit-keyframes anim {
    51.         0% {
    52.           -webkit-transform: scale(0.8);
    53.         }
    54.         25% {
    55.           -webkit-transform: scale(0.7);
    56.         }
    57.         50% {
    58.           -webkit-transform: scale(1);
    59.         }
    60.         75% {
    61.           -webkit-transform: scale(0.7);
    62.         }
    63.         100% {
    64.           -webkit-transform: scale(0.8);
    65.         }
    66.       }
    67.       @-o-keyframes anim {
    68.         0% {
    69.           -o-transform: scale(0.8);
    70.         }
    71.         25% {
    72.           -o-transform: scale(0.7);
    73.         }
    74.         50% {
    75.           -o-transform: scale(1);
    76.         }
    77.         75% {
    78.           -o-transform: scale(0.7);
    79.         }
    80.         100% {
    81.           -o-transform: scale(0.8);
    82.         }
    83.       }
    84.       @-moz-keyframes anim {
    85.         0% {
    86.           -moz-transform: scale(0.8);
    87.         }
    88.         25% {
    89.           -moz-transform: scale(0.7);
    90.         }
    91.         50% {
    92.           -moz-transform: scale(1);
    93.         }
    94.         75% {
    95.           -moz-transform: scale(0.7);
    96.         }
    97.         100% {
    98.           -moz-transform: scale(0.8);
    99.         }
    100.       }
    101.     </style>
    102.   </head>
    103.   <body>
    104.     <canvas id="pinkboard"></canvas>
    105.     <!-- 在下面加名字 -->
    106.      <div id="name" style="color: blue;">CSDN</div> 
    107.  
    108.     <script>
    109.       var settings = {
    110.         particles: {
    111.           length: 500, 
    112.           duration: 2, 
    113.           velocity: 100, 
    114.           effect: -0.75,
    115.           size: 30, 
    116.         },
    117.       };
    118.       (function () {
    119.         var b = 0;
    120.         var c = ["ms", "moz", "webkit", "o"];
    121.         for (var a = 0; a < c.length && !window.requestAnimationFrame; ++a) {
    122.           window.requestAnimationFrame = window[c[a] + "RequestAnimationFrame"];
    123.           window.cancelAnimationFrame =
    124.             window[c[a] + "CancelAnimationFrame"] ||
    125.             window[c[a] + "CancelRequestAnimationFrame"];
    126.         }
    127.         if (!window.requestAnimationFrame) {
    128.           window.requestAnimationFrame = function (h, e) {
    129.             var d = new Date().getTime();
    130.             var f = Math.max(0, 16 - (d - b));
    131.             var g = window.setTimeout(function () {
    132.               h(d + f);
    133.             }, f);
    134.             b = d + f;
    135.             return g;
    136.           };
    137.         }
    138.         if (!window.cancelAnimationFrame) {
    139.           window.cancelAnimationFrame = function (d) {
    140.             clearTimeout(d);
    141.           };
    142.         }
    143.       })();
    144.       var Point = (function () {
    145.         function Point(x, y) {
    146.           this.x = typeof x !== "undefined" ? x : 0;
    147.           this.y = typeof y !== "undefined" ? y : 0;
    148.         }
    149.         Point.prototype.clone = function () {
    150.           return new Point(this.x, this.y);
    151.         };
    152.         Point.prototype.length = function (length) {
    153.           if (typeof length == "undefined")
    154.             return Math.sqrt(this.x * this.x + this.y * this.y);
    155.           this.normalize();
    156.           this.x *= length;
    157.           this.y *= length;
    158.           return this;
    159.         };
    160.         Point.prototype.normalize = function () {
    161.           var length = this.length();
    162.           this.x /= length;
    163.           this.y /= length;
    164.           return this;
    165.         };
    166.         return Point;
    167.       })();
    168.       var Particle = (function () {
    169.         function Particle() {
    170.           this.position = new Point();
    171.           this.velocity = new Point();
    172.           this.acceleration = new Point();
    173.           this.age = 0;
    174.         }
    175.         Particle.prototype.initialize = function (x, y, dx, dy) {
    176.           this.position.x = x;
    177.           this.position.y = y;
    178.           this.velocity.x = dx;
    179.           this.velocity.y = dy;
    180.           this.acceleration.x = dx * settings.particles.effect;
    181.           this.acceleration.y = dy * settings.particles.effect;
    182.           this.age = 0;
    183.         };
    184.         Particle.prototype.update = function (deltaTime) {
    185.           this.position.x += this.velocity.x * deltaTime;
    186.           this.position.y += this.velocity.y * deltaTime;
    187.           this.velocity.x += this.acceleration.x * deltaTime;
    188.           this.velocity.y += this.acceleration.y * deltaTime;
    189.           this.age += deltaTime;
    190.         };
    191.         Particle.prototype.draw = function (context, image) {
    192.           function ease(t) {
    193.             return --t * t * t + 1;
    194.           }
    195.           var size = image.width * ease(this.age / settings.particles.duration);
    196.           context.globalAlpha = 1 - this.age / settings.particles.duration;
    197.           context.drawImage(
    198.             image,
    199.             this.position.x - size / 2,
    200.             this.position.y - size / 2,
    201.             size,
    202.             size
    203.           );
    204.         };
    205.         return Particle;
    206.       })();
    207.       var ParticlePool = (function () {
    208.         var particles,
    209.           firstActive = 0,
    210.           firstFree = 0,
    211.           duration = settings.particles.duration;
    212.  
    213.         function ParticlePool(length) {
    214.           particles = new Array(length);
    215.           for (var i = 0; i < particles.length; i++)
    216.             particles[i] = new Particle();
    217.         }
    218.         ParticlePool.prototype.add = function (x, y, dx, dy) {
    219.           particles[firstFree].initialize(x, y, dx, dy);
    220.           firstFree++;
    221.           if (firstFree == particles.length) firstFree = 0;
    222.           if (firstActive == firstFree) firstActive++;
    223.           if (firstActive == particles.length) firstActive = 0;
    224.         };
    225.         ParticlePool.prototype.update = function (deltaTime) {
    226.           var i;
    227.           if (firstActive < firstFree) {
    228.             for (i = firstActive; i < firstFree; i++)
    229.               particles[i].update(deltaTime);
    230.           }
    231.           if (firstFree < firstActive) {
    232.             for (i = firstActive; i < particles.length; i++)
    233.               particles[i].update(deltaTime);
    234.             for (i = 0; i < firstFree; i++) particles[i].update(deltaTime);
    235.           }
    236.           while (
    237.             particles[firstActive].age >= duration &&
    238.             firstActive != firstFree
    239.           ) {
    240.             firstActive++;
    241.             if (firstActive == particles.length) firstActive = 0;
    242.           }
    243.         };
    244.         ParticlePool.prototype.draw = function (context, image) {
    245.           if (firstActive < firstFree) {
    246.             for (i = firstActive; i < firstFree; i++)
    247.               particles[i].draw(context, image);
    248.           }
    249.           if (firstFree < firstActive) {
    250.             for (i = firstActive; i < particles.length; i++)
    251.               particles[i].draw(context, image);
    252.             for (i = 0; i < firstFree; i++) particles[i].draw(context, image);
    253.           }
    254.         };
    255.         return ParticlePool;
    256.       })();
    257.       (function (canvas) {
    258.         var context = canvas.getContext("2d"),
    259.           particles = new ParticlePool(settings.particles.length),
    260.           particleRate =
    261.             settings.particles.length / settings.particles.duration, 
    262.           time;
    263.         function pointOnHeart(t) {
    264.           return new Point(
    265.             160 * Math.pow(Math.sin(t), 3),
    266.             130 * Math.cos(t) -
    267.               50 * Math.cos(2 * t) -
    268.               20 * Math.cos(3 * t) -
    269.               10 * Math.cos(4 * t) +
    270.               25
    271.           );
    272.         }
    273.         var image = (function () {
    274.           var canvas = document.createElement("canvas"),
    275.             context = canvas.getContext("2d");
    276.           canvas.width = settings.particles.size;
    277.           canvas.height = settings.particles.size;
    278.           function to(t) {
    279.             var point = pointOnHeart(t);
    280.             point.x =
    281.               settings.particles.size / 2 +
    282.               (point.x * settings.particles.size) / 350;
    283.             point.y =
    284.               settings.particles.size / 2 -
    285.               (point.y * settings.particles.size) / 350;
    286.             return point;
    287.           }
    288.           context.beginPath();
    289.           var t = -Math.PI;
    290.           var point = to(t);
    291.           context.moveTo(point.x, point.y);
    292.           while (t < Math.PI) {
    293.             t += 0.01;
    294.             point = to(t);
    295.             context.lineTo(point.x, point.y);
    296.           }
    297.           context.closePath();
    298.           context.fillStyle = "#ea80b0";
    299.           context.fill();
    300.           var image = new Image();
    301.           image.src = canvas.toDataURL();
    302.           return image;
    303.         })();
    304.         function render() {
    305.           requestAnimationFrame(render);
    306.           var newTime = new Date().getTime() / 1000,
    307.             deltaTime = newTime - (time || newTime);
    308.           time = newTime;
    309.           context.clearRect(0, 0, canvas.width, canvas.height);
    310.           var amount = particleRate * deltaTime;
    311.           for (var i = 0; i < amount; i++) {
    312.             var pos = pointOnHeart(Math.PI - 2 * Math.PI * Math.random());
    313.             var dir = pos.clone().length(settings.particles.velocity);
    314.             particles.add(
    315.               canvas.width / 2 + pos.x,
    316.               canvas.height / 2 - pos.y,
    317.               dir.x,
    318.               -dir.y
    319.             );
    320.           }
    321.           particles.update(deltaTime);
    322.           particles.draw(context, image);
    323.         }
    324.         function onResize() {
    325.           canvas.width = canvas.clientWidth;
    326.           canvas.height = canvas.clientHeight;
    327.         }
    328.         window.onresize = onResize;
    329.         setTimeout(function () {
    330.           onResize();
    331.           render();
    332.         }, 10);
    333.       })(document.getElementById("pinkboard"));
    334.  
    335.     </script>
    336.   </body>
    337. </html>

    首先建一个txt文件

    打开将代码粘进去并保存

     

    找到    

    这里加你想要加的文字
     

    如果你想要修改文字颜色的话，将上面的blue修改为你想要的颜色

    然后保存退出，将文件名修改为表白.html,回车双击

    如果修改完文件名还是代码就看看文件>查看>文件拓展名选了没

     效果图

    彩蛋-红色炫酷爱心

    链接

    直达：💗

    下载：http://t.csdn.cn/80ICX

    效果图

     👍+✏️+⭐️是对博主最大的鼓励与支持！！！

  • 相关阅读:
    使用html+css实现一个静态页面（厦门旅游网站制作6个页面） 旅游网页设计制作 HTML5期末考核大作业，网站——美丽家乡。 学生旅行 游玩 主题住宿网页
    spark读取hive表字段，区分大小写问题
    [JMeter]Beanshell解析Json格式的接口响应数据
    RACV2022观点集锦 | 视觉基础模型
    视频 | 生信Linux - Linux下文件内容操作03
    VulnHub DC-6
    极致性能优化之道之消除伪共享
    让人头痛的事务问题到底要如何解决？ （荣耀典藏版）
    ASCII_Util.java
    文件存储解决方案-云存储阿里 OSS
  • 原文地址：https://blog.csdn.net/m0_67388084/article/details/127728441