Hello 大家好
如何浪漫的表白,作为程序员出身的小编,今天就带你实现热播剧《点燃我,温暖你》中超火的李峋同款爱心代码!前面是教程,怕麻烦的朋友可以直接划到文末,下载现成的,下载完成后打开就可以用~。
先来看看我们做出来的效果~
01 爱心(简单版)代码是用HTML语言编写的,我会在文末链接中给出源代码,如果想在女朋友面前小秀一把的可以按我下面的教程做,认真听讲咯~
① 打开电脑,在桌面创建【文本文档】
② 全选代码,点击【复制】
③ 打开【文本文档】,点击【粘贴】
④ 修改【文本文档】的后缀名为【.html】
⑤ 双击运行即可显示在浏览器中
注意事项:① 有些电脑默认没有显示文件扩展名,需要手动设置。
爱心函数生成器def heart_function(t, shrink_ratio: float = IMAGE_ENLARGE): """ 爱心函数生成器 :param shrink_ratio: 放例 :param t: 参数 :return: 坐标 """ # 基础函数 x = 16 * (sin(t) ** 3) y = -(13 * cos(t) - 5 * cos(2 * t) - 2 * cos(3 * t) - cos(4 * t)) # 放大 x *= shrink_ratio y *= shrink_ratio # 移到画布中央 x += CANVAS_CENTER_X y += CANVAS_CENTER_Y return int(x), int(y)抖动
def shrink(x, y, ratio): """ 抖动 :param x: 原x :param y: 原y :param ratio: 比例 :return: 新坐标 """ force = -1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.6) # 这个参数... dx = ratio * force * (x - CANVAS_CENTER_X) dy = ratio * force * (y - CANVAS_CENTER_Y) return x - dx, y - dy
完整Python代码,加V领取
运行效果
什么是Python
Python 是一种通用的编程语言,可用于广泛的项目。从 Web 开发到数据分析,可能性是无穷无尽的。以下是您可以尝试的一些最佳 Python 项目:
Django:Django 是一种用于构建 Web 应用程序的流行 Web 框架。它以其易用性和可扩展性而著称,使其成为开发大型 Web 应用程序的绝佳选择。
Flask:Flask 是一个轻量级的 Web 框架,非常适合构建中小型 Web 应用程序。它易于设置且设计简约,是初学者的绝佳选择。
TensorFlow:TensorFlow 是一个功能强大的机器学习库,可让您构建和训练神经网络。它广泛用于图像识别、自然语言处理等任务的工业和研究。
pandas:pandas 是一个用于数据操作和分析的库。它广泛应用于数据科学项目,并以其强大的数据操作能力而著称。
OpenCV:OpenCV 是一个计算机视觉库,可让您处理图像和视频。它广泛用于目标检测、图像识别等任务。
NumPy:NumPy 是一个用于使用 Python 进行科学计算的库。它提供了强大的数组和矩阵,使其成为涉及数学运算的项目的绝佳选择。
Scikit-Learn:scikit-learn 是一个建立在 NumPy 和 pandas 之上的机器学习库。它提供了广泛的机器学习算法,使其成为构建预测模型的绝佳选择。
Pygame:Pygame 是一个用于使用 Python 构建游戏的库。它提供了广泛的功能,如 2D 图形、声音等,使其成为构建有趣和互动游戏的绝佳选择。
适合初学者的简单 Python 项目创意
Python 是一种流行的编程语言,以其可读性和易用性而著称。对于刚开始学习如何编码的初学者来说,这是一个不错的选择。在本文中,我们将探索一些简单级别的 Python 项目,它们可以帮助您开始编程并提高您的技能。
01 最简单的 Python 代码来制作一颗小爱心
使用 Matplotlib 制作心脏的 Python 代码
import matplotlib.pyplot as pltimport numpy as npt = np.linspace(0, 2 * np.pi, 100)x = 16 * np.sin(t)**3y = 13 * nps(t) - 5 * nps(2*t) - 2*nps(3*t) - nps(4*t)plt.plot(x, y, 'r-', linewidth=2)plt()
该程序使用matplotlib.pyplot库创建绘图,并使用numpy库为心形的 x 和 y 坐标创建数据点。
该np.linspace()函数用于为变量创建一个取值范围t,而np.sin和nps函数用于计算心形的 x 和 y 坐标。
然后使用该plt.plot()函数绘制 x 和 y 坐标,r-参数指定该线应为红色。
最后,该plt()函数用于显示绘图。
<body> <div id="heart"></div> </body>
#heart{ height: 300px; width: 300px; border: 2px solid black; }给这个正方形的左边加行一个圆形.这里使用伪类:before来实现:
#heart{ height: 200px; width: 200px; border: 2px solid black; position: relative; } #heart:before{ content: ''; width: 200px; height: 200px; border: 2px solid black; border-radius: 50%; // 正方形加圆角变成圆 position: absolute; left: -100px; // 向左位移正方形一半的长度 }
此时图形长这样:
再添加一个圆形, 这里使用after伪类来实现。#heart{ height: 200px; width: 200px; border: 2px solid black; position: relative; } // 这里偷个懒.直接写一块了 #heart:before,#heart:after{ content: ''; width: 200px; height: 200px; border: 2px solid black; border-radius: 50%; position: absolute; left: -100px; } // 第二个圆, 只需要向上位移正方形一半的高度 #heart:after{ left: 0; top: -100px; }
最后一步, 旋转一下, 然后上个颜色.去掉之前为了看清楚加的边框。/*给heart进行旋转并加上颜色*/ transform: rotate(45deg); background-color: red;
完整代码:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body, html { display: flex; align-items: center; justify-content: center; height: 100vh; } #heart { height: 200px; width: 200px; /*border: 2px solid black;*/ position: relative; transform: rotate(45deg); background-color: red; } #heart:before, #heart:after { content: ''; width: 200px; height: 200px; /*border: 2px solid black;*/ border-radius: 50%; position: absolute; left: -100px; background-color: red; } #heart:after { left: 0; top: -100px; } </style></head><body> <div id="heart"></div></body></html>