用Python制作一个动态爱心效果!

753ef1169a316e0783555af1495cff63.gif

大家好,我是小F~

最近「点燃我,温暖你」这部剧非常火,讲述的是程序员的爱情故事。

其中陈飞宇饰演的男主李峋,在剧中用程序做出的爱心跳动效果,非常炫。

b20e66003977691d5688a1c69891d39e.gif

网上各个大佬也是纷纷给出看法,综合就是不太可能用C语言来实现的。

大概率是AE这种做特效软件实现的,毕竟里面的编程语言、编辑器、程序出现太多问题啦。

下面小F就给大家分享各个版本的跳动爱心,有兴趣的小伙伴可以去试试,送给那个人!

 Python跳动爱心

由B站UP主@码农高天原创,博客园@清风来叙魔改,我们来看看效果吧。

505dd45e6ad9ec26d283dba25816f2ad.gif

涉及到了不少数学知识,需定义曲线函数,然后去调整爱心跳动周期。

源代码如下,感兴趣的小伙伴可以去试试。

可玩的东西还是挺多的,比如改变颜色,添加字幕,打包成exe,然后发给别人。

import random
from math import sin, cos, pi, log
from tkinter import *CANVAS_WIDTH = 640  # 画布的宽
CANVAS_HEIGHT = 480  # 画布的高
CANVAS_CENTER_X = CANVAS_WIDTH / 2  # 画布中心的X轴坐标
CANVAS_CENTER_Y = CANVAS_HEIGHT / 2  # 画布中心的Y轴坐标
IMAGE_ENLARGE = 11  # 放大比例
HEART_COLOR = "#ff2121"  # 心的颜色,这个是中国红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_ratioy *= shrink_ratio# 移到画布中央x += CANVAS_CENTER_Xy += CANVAS_CENTER_Yreturn int(x), int(y)def scatter_inside(x, y, beta=0.15):"""随机内部扩散:param x: 原x:param y: 原y:param beta: 强度:return: 新坐标"""ratio_x = - beta * log(random.random())ratio_y = - beta * log(random.random())dx = ratio_x * (x - CANVAS_CENTER_X)dy = ratio_y * (y - CANVAS_CENTER_Y)return x - dx, y - dydef 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 - dydef curve(p):"""自定义曲线函数,调整跳动周期:param p: 参数:return: 正弦"""# 可以尝试换其他的动态函数,达到更有力量的效果(贝塞尔?)return 2 * (2 * sin(4 * p)) / (2 * pi)class Heart:"""爱心类"""def __init__(self, generate_frame=20):self._points = set()  # 原始爱心坐标集合self._edge_diffusion_points = set()  # 边缘扩散效果点坐标集合self._center_diffusion_points = set()  # 中心扩散效果点坐标集合self.all_points = {}  # 每帧动态点坐标self.build(2000)self.random_halo = 1000self.generate_frame = generate_framefor frame in range(generate_frame):self.calc(frame)def build(self, number):# 爱心for _ in range(number):t = random.uniform(0, 2 * pi)  # 随机不到的地方造成爱心有缺口x, y = heart_function(t)self._points.add((x, y))# 爱心内扩散for _x, _y in list(self._points):for _ in range(3):x, y = scatter_inside(_x, _y, 0.05)self._edge_diffusion_points.add((x, y))# 爱心内再次扩散point_list = list(self._points)for _ in range(4000):x, y = random.choice(point_list)x, y = scatter_inside(x, y, 0.17)self._center_diffusion_points.add((x, y))@staticmethoddef calc_position(x, y, ratio):# 调整缩放比例force = 1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.520)  # 魔法参数dx = ratio * force * (x - CANVAS_CENTER_X) + random.randint(-1, 1)dy = ratio * force * (y - CANVAS_CENTER_Y) + random.randint(-1, 1)return x - dx, y - dydef calc(self, generate_frame):ratio = 10 * curve(generate_frame / 10 * pi)  # 圆滑的周期的缩放比例halo_radius = int(4 + 6 * (1 + curve(generate_frame / 10 * pi)))halo_number = int(3000 + 4000 * abs(curve(generate_frame / 10 * pi) ** 2))all_points = []# 光环heart_halo_point = set()  # 光环的点坐标集合for _ in range(halo_number):t = random.uniform(0, 2 * pi)  # 随机不到的地方造成爱心有缺口x, y = heart_function(t, shrink_ratio=11.6)  # 魔法参数x, y = shrink(x, y, halo_radius)if (x, y) not in heart_halo_point:# 处理新的点heart_halo_point.add((x, y))x += random.randint(-14, 14)y += random.randint(-14, 14)size = random.choice((1, 2, 2))all_points.append((x, y, size))# 轮廓for x, y in self._points:x, y = self.calc_position(x, y, ratio)size = random.randint(1, 3)all_points.append((x, y, size))# 内容for x, y in self._edge_diffusion_points:x, y = self.calc_position(x, y, ratio)size = random.randint(1, 2)all_points.append((x, y, size))for x, y in self._center_diffusion_points:x, y = self.calc_position(x, y, ratio)size = random.randint(1, 2)all_points.append((x, y, size))self.all_points[generate_frame] = all_pointsdef render(self, render_canvas, render_frame):for x, y, size in self.all_points[render_frame % self.generate_frame]:render_canvas.create_rectangle(x, y, x + size, y + size, width=0, fill=HEART_COLOR)def draw(main: Tk, render_canvas: Canvas, render_heart: Heart, render_frame=0):render_canvas.delete('all')render_heart.render(render_canvas, render_frame)main.after(160, draw, main, render_canvas, render_heart, render_frame + 1)if __name__ == '__main__':root = Tk()  # 一个Tkcanvas = Canvas(root, bg='black', height=CANVAS_HEIGHT, width=CANVAS_WIDTH)canvas.pack()heart = Heart()  # 心draw(root, canvas, heart)  # 开始画画~root.mainloop()

② Python爱心泡泡

用Python做一个爱心泡泡机。

228a4538a9870fcbceaa30b24fe22d21.gif

使用turtle海龟库进行绘制,代码如下。

import turtle
import random
import math# 初始化
turtle.setup(1280, 720)
t = turtle.Pen()
t.ht()# 颜色
colors = []
t_list = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]for i in t_list:t_str = "#ff00"for j in t_list:colors.append(t_str+i+j)class Love():def __init__(self):# 定义变量self.r = random.randint(4, 10)self.x = random.randint(-900, 700)self.y = random.randint(-400, 400)self.i = random.randint(0, 10)self.color = random.choice(colors)self.speed = random.randint(1, 8)def move(self):# 通过y坐标来控制爱心if self.y <= 500:self.y += 2.5*self.speedself.x = self.x + 1.5*math.sin(self.i)*math.sqrt(self.i)*self.speedself.i = self.i + 0.1else:self.y = -700self.r = random.randint(5, 20)self.x = random.randint(-900, 700)self.i = 0self.color = random.choice(colors)self.speed = random.randint(1, 8)def draw(self):# 绘制爱心t.pensize(self.r/2)t.penup()t.color(self.color, self.color)t.goto(self.x, self.y)t.pendown()# 设置角度t.setheading(60)t.circle(self.r, 255)t.fd(2.4*self.r)t.left(90)t.fd(2.4*self.r)t.circle(self.r, 255)love = []
for i in range(100):love.append(Love())
turtle.bgcolor("#000000")while 1:turtle.tracer(0)t.clear()for i in range(80):love[i].move()love[i].draw()turtle.tracer(1)

③ JavaScript

下面这8个案例,都是通过浏览器打开,是网页版本,来源于CodePen。

CodePen是一个非常有趣的前端案例网站,同时可在线对前端代码进行编辑,制作测试页面及代码调试。

地址:https://codepen.io/

主要是通过JavaScript和CSS来实现的,视觉效果很震撼。

9c96500710536a90b1a2b7ec0a79fe6d.png

然后这几个案例的代码,小F也都整理好咯。

使用浏览器打开dist文件夹下的index.html文件,即可看到下面这些画面,各式各样的爱心。

d6cec233c4d5b6e784bbec108bbb18bb.gif

6b9be1f00baced88b0699e837b93de3f.gif

ba33d699aba53c922bf09ee803e4fc49.gif

b0d9fc653dff0c3a10cb2fd020c8ce7b.gif

4d8abfa1231e80ac80bfe6d7e69891d8.gif

38570253e4abd6310683027548b72946.gif

b00d29768d7f299a5944c95d6ef92537.gif

6aff76321bf6609634a66ddbb24dc2c8.gif

是不是还挺酷的。

大家可以在此基础之上,加上文字,比如相识多少天。

时间差计算代码如下。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>time_test</title>
</head><body><span id="runtime_span"></span><script type="text/javascript">function show_runtime() {window.setTimeout("show_runtime()", 1000); X = newDate("01/01/2022 00:00:00");Y = new Date(); T = (Y.getTime() - X.getTime()); M = 24 * 60 * 60 * 1000;a = T / M; A = Math.floor(a); b = (a - A) * 24; B = Math.floor(b); c = (b - B) * 60; C = Math.floor((b - B) * 60); D = Math.floor((c - C) * 60);runtime_span.innerHTML = "XX和XX相识: " + A + "天" + B + "小时" + C + "分" + D + "秒"} show_runtime();</script>
</body></html>

对于上面的网页最好是部署在服务器上,这样就能在互联网上进行访问。

可以通过一个centos系统服务器,用nginx又或者是httpd进行实现。

然后就可以把网站地址发出去啦!

相关的文件及代码都已上传,公众号回复【爱心】即可获取。

参考链接:

https://www.bilibili.com/video/BV16g411B7Ff/

https://www.cnblogs.com/minuy/p/16868038.html

https://blog.csdn.net/m0_50370837/article/details/126134603

万水千山总是情,点个 👍 行不行

推荐阅读

04a64ad171798ec927d003045619330e.jpeg

8a2ab8b9d6206a44ed98c4e2e9bdbbdf.jpeg

c15af9fc86b63a38f6c0386fb5379944.jpeg

···  END  ···

a9542a8d06539cfc20f4346960baf83e.jpeg

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/68925.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一周热图|陈飞宇成天梭表形象代言人;朱一龙赵丽颖登陆欧舒丹星球;张信哲代言欧宝娱乐...

图片是企业新闻传播的要素之一&#xff0c;优秀的图片使读者能更直观地了解新闻内容。“一周热图”栏目为大家展示每周通过美通社发布的最具代表性的企业新闻图片。 明星 天梭大家庭迎来一位追光前行的少年&#xff0c;他就是 TISSOT 瑞士天梭表全球形象代言人陈飞宇。他对人生…

明星热图|童瑶、周迅、易烊千玺、张新成签约新品牌;李宇春、陈飞宇参加品牌活动...

图片是企业新闻传播的要素之一&#xff0c;优秀的图片使读者能更直观地了解新闻内容。“一周热图”栏目为大家展示每周通过美通社发布的最具代表性的企业新闻图片。 化妆品 奥伦纳素宣布演员童瑶担任“冰白大使”&#xff0c;与中国女性共同见证“破壳焕新”&#xff0c;助力女…

明星热图|王子文、张含韵、白宇等出席品牌活动;刘亦菲、黄晓明、陈飞宇演绎品牌新品...

图片是企业新闻传播的要素之一&#xff0c;优秀的图片使读者能更直观地了解新闻内容。“一周热图”栏目为大家展示每周通过美通社发布的最具代表性的企业新闻图片。 服装 3月27日&#xff0c;新锐女装FUUNNY FEELLN仿佛品牌代言人王子文空降上海新世界大丸百货品牌门店&#xf…

陈飞宇、赖冠霖亮相巴黎欧莱雅青春密码奇境工厂

2019年11月13日至11月16日&#xff0c;欧莱雅青春密码奇境工厂在北京三里屯限时开张&#xff0c;首次向消费者揭开欧莱雅黑精华的神秘面纱。巴黎欧莱雅品牌千禧大使陈飞宇、品牌大使赖冠霖更是现身活动现场&#xff0c;带大家一同破译肌肤年轻的密码。 巴黎欧莱雅品牌千禧大使陈…

爱心代码(web前端)陈飞宇李峋同款【容易操作】

文章目录 前言一、效果图二、操作步骤第一步第二步第三步第四步第五步第六步 源码 前言 最近随着电视剧《点燃我温暖你》的火热播出&#xff0c;剧中帅气学霸李洵的炫酷爱心代码也迅速火出了圈&#xff0c;爱心素材也异常火爆&#xff0c;我在这里整理了一份大家有需自取哦~ 可…

爱心代码(web前端)陈飞宇李峋同款

文章目录 前言一、效果图二、操作步骤第一步第二步第三步第四步第五步第六步 源码 前言 最近随着电视剧《点燃我温暖你》的火热播出&#xff0c;剧中帅气学霸李洵的炫酷爱心代码也迅速火出了圈&#xff0c;爱心素材也异常火爆&#xff0c;我在这里整理了一份大家有需自取哦~ 可…

李峋陈飞宇同款爱心-怦然心动

“喜欢就是爱&#xff0c; 就是愿意和他站在一起面对所有的困难” &#x1f351;作者&#xff1a;小赛毛 &#x1f495;文章初次日期&#xff1a;2022/11/9 相信各位基友们这几天都会被家里面小仙女姐姐们询问你弄那个爱心❤没&#xff1f; 这时候可能兄弟就要疑惑了&#xf…

英语四级议论文的基本万能模板

“名言类”议论文的基本框架 开头段&#xff1a;①引出主题 ②表明立场 主题段&#xff1a;论证主题 结尾段&#xff1a;①重申立场 ②建议 题目&#xff1a;You can cite examples to illustrate the importance of paying attention to others opinions.主体段中文思路小结 …

材料写作素材:关于“大”排比句40例

1.一轮思想政治“大督查”&#xff0c;一轮政策落实“大检查”&#xff0c;一次非公企业“大走访”&#xff0c;一次问题线索“大起底”&#xff0c;一批典型案例“大曝光”。 2.在重大风险挑战面前豁得出去、顶得上去&#xff0c;在重大困难考验面前迎难而上、敢于胜利&#…

泰安柒柒:ChatGPT能否取代程序员?

ChatGPT是一个强大的语言模型&#xff0c;被广泛应用于自然语言处理领域&#xff0c;它可以完成各种文本相关的任务&#xff0c;例如文本生成、翻译、摘要等。那么&#xff0c;ChatGPT能否取代程序员呢&#xff1f; 我们来分析一下&#xff1a; 第一、ChatGPT和程序员的工作内容…

跳过百度网盘客户端快速下载

我们用百度云下载大文件的时候&#xff0c;需要启动客户端&#xff0c;十分麻烦&#xff0c;甚至有的人还一度去买百度云网盘的会员&#xff0c; 今天分享一个利用浏览器插件&#xff08;Tampermonkey&#xff09;跳过客户端快速下载的方法。 Tampermonkey 是一款免费的浏览器…

五分钟免费注册美区Apple ID

这篇文章免费教大家注册一个非常稳定的美区 Apple ID。 我通过该方法注册过两个美区账号&#xff0c;还冲了钱&#xff0c;到目前已经使用两年了&#xff0c;没出现任何问题稳的很。 话不多说&#xff0c;教程开始&#xff0c;只要跟着我的步骤走&#xff0c;百分百能成功。 一…

从 Windows 切换到 Mac,不能错过这9条Tips

作者 | Cathal Mac Donnacha 、译者 | 弯月 我原本是一名 Windows 的粉丝&#xff0c;从 10 岁起就开始在家学习编程&#xff0c;而后又从事了 8 年多的前端开发&#xff0c;这期间使用的都是 Windows。然而&#xff0c;最近我换了一份工作&#xff0c;新公司给了我一台 MacBoo…

「实用」打造自我感觉非常漂亮的Mac终端

背景 &#xff08;今天我是一个美妆博主&#x1f60a;&#xff09; 突然发现自己使用的iterm2终端样式有些朴素&#xff0c;为了让她看起来花枝招展的&#xff0c;我决定给她打扮打扮。毕竟每天面对她的时间比对象还多…… 效果对比 因为每个人的喜好都不一样&#xff0c;所以…

作为资深Mac用户,那些相见恨晚的软件

先放一张全家福&#xff0c;这大概是我所有用得到的实用必备软件了。 两个梯子不说&#xff0c;讯飞语音输入适合会议记录&#xff0c;如果是办公用&#xff0c;Mac连Word都可以省略&#xff0c;直接pages也很香。 macs fan control可以控制风扇速度&#xff0c;尤其对于躺在床…

程序员该如何把 Windows 系统打造的跟 Mac 一样牛逼?

起因&#xff1a;之前一直用Mac开发&#xff0c;换了家公司&#xff0c;只许用Windows下开发&#xff0c;说实话&#xff0c;一开始我是拒绝的&#xff0c;可自从看到了这几个工具以后...... 1、终端工具&#xff1a;item2 VS Cmder -iterm2 iterm2是Mac下最好用的终端工具&…

让Mac OS X的终端多姿多彩

转自&#xff1a;http://linfan.info/blog/2012/02/27/colorful-terminal-in-mac/ 与Linux相比&#xff0c;Mac OS X的终端总是欠缺些什么。对了&#xff0c;是色彩&#xff0c;Linux的ls命令使用不同颜色区分各种文件类型&#xff0c;Vim编辑器也支持语法高亮&#xff0c;而M…

原来国外程序员爱用MAC是这个原因啊

Mac 在国外很受欢迎&#xff0c;尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解&#xff0c;毕竟 Mac 设计美观&#xff0c;简单好用&#xff0c;没有病毒。那么为什么专业人士也对 Mac 情有独钟呢&#xff1f;从个人使用经验来看我想有下面几个原因&#xf…

谈一谈我使用AI得贤招聘官的AI面试体验之旅

最近刚刚收到一家做英语培训的机构发来的AI面试邀请&#xff0c;我收到的是一封短信和一条邮件&#xff0c;里面标记的是AI得贤招聘官这个品牌&#xff0c;然后就按照操作指引进行操作。 我收到的短信和邮件的内容大致是&#xff0c;您需要在什么时间内完成面试以及面试的方式…

阿里,百度,字节跳动面试同时考了它,你需要的题解来了

递归作为基础中的基础&#xff0c;可以说99.99999%的算法面试中会考到&#xff0c;如果因为递归问题挂掉面试&#xff0c;那就真真真真真的太可惜了。 既然递归面试命中率这么高&#xff0c;那努力刷题就万事大吉&#xff1f; NO&#xff01; 递归虽然基础&#xff0c;但对初…