Github开源李峋同款表白爱心代码程序员专属的浪漫

---

⭐简介

---

前段时间《点燃我温暖你》爆火，许多女生都被那一段爱心代码给深深吸引，看的我手也有点痒痒。火速复刻给心爱的她吧~

预览地址 : https://love.mrxie.xyz
Html写的，下载就可以直接使用用，不用配置环境。哪怕是0基础也可以轻松驾驭。

---

⭐仓库链接

---

❤️爱的仓库❤️

Github-爱的仓库： https://github.com/MR-XieXuan/Love-Warehouse

下面这个链接点开就可以下载当前的文件代码哦~

Github-Love.html：https://github.com/MR-XieXuan/Love-Warehouse/blob/main/PeachHearts/Love.html

💞 爱的仓库是我新建的仓库，打算以后放一些浪漫的代码。
✍如果你们有好的浪漫的代码也可以提交在我的仓库里收集起来。

---

⭐运行代码

---

🛠所用工具

• 🖥️电脑 / 📱手机 任意一种
• 浏览器

因为这个是用 H5 + JavaScript 写的 ，所以只需要一台 有浏览器的设备即可打开。无需安装别的插件。

♾️运行方式

 👉️ 直接用浏览器打开即可

---

⭐代码讲解

---

🛠所用工具

💡数学准备

❤️ 桃心的数学公式

这个公式可以得到一个桃心，点 point(x,y) 都在桃心上

$$🤍\{\begin{array}{rl}x& =16si{n}^{3}t;\\ y& =13cost-5cos2t-2cos3t-cos4t;\end{array}$$
🎵点的生成

点就是这个程序的音符 如果点都在桃心上的话，未免太难看了点。
所以我们采用一个范围在[0,1]的随机数 random 来生成点的初始位置。
但是如果点均匀的发布在桃心内部，效果属实不太理想，所以我们采用一个映射。
通过random生成一个数 rand 使得 rand 大多数都靠近与 1 .通过测试，我取了下面的公式

$$🎵rand=rando{m}^{\frac{3}{25}}$$

🎶 点的运动

通过以下的公式来对点进行运动
$time$ 是现在的帧数
$(x,y)$为初始位置
$(x^{\prime },y^{\prime })$为当前帧的位置

$$🎶\{\begin{array}{rl}{x}^{\prime }& =xco{s}^6\frac{time-30}{30}\ast \frac{(time-30)}{60};\\ y^{\prime }& =ycos((time-30)/60);\end{array}$$

👋 看到这了还不快三连加关注

✍️本文作者为 > 【谢玄.】 Mr-XieXuan < 于 2022/11/11/11:11:11 发布于 CSDN 。

📧E-mail: [ Mr_Xie_@outlook.com ]
⌨️GitHub: [ https://github.com/MR-XieXuan }
🔍个人私站: [ https://main.mrxie.xyz/ ]