devbox
我家小花儿
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Python爱心表白代码（python）_爱心代码编程python可复制

作者：我家小花儿 | 2024-05-20 11:59:15

赞

踩

爱心代码编程python可复制

简单来说李峋同款爱心就是一个动态的心型效果，主要 Python 代码实现如下：

  1. def __init__(self, generate_frame=20):
  2. # 原始爱心坐标集合
  3. self._points = set()  
  4. # 边缘扩散效果点坐标集合
  5. self._edge_diffusion_points = set()  
  6. # 中心扩散效果点坐标集合
  7. self._center_diffusion_points = set()  
  8. # 每帧动态点坐标
  9. self.all_points = {}  
  10. self.build(2000)
  11. self.random_halo = 1000
  12. self.generate_frame = generate_frame
  13. for frame in range(generate_frame):
  14.  self.calc(frame)
  15.  
  16. def build(self, number):
  17. for _ in range(number):
  18.  t = random.uniform(0, 2 * pi)
  19.  x, y = heart(t)
  20.  self._points.add((x, y))
  21. # 爱心内扩散
  22. for _x, _y in list(self._points):
  23.  for _ in range(3):
  24.   x, y = scatter_inside(_x, _y, 0.05)
  25.   self._edge_diffusion_points.add((x, y))
  26. # 爱心内再次扩散
  27. point_list = list(self._points)
  28. for _ in range(4000):
  29.  x, y = random.choice(point_list)
  30.  x, y = scatter_inside(x, y, 0.17)
  31.  self._center_diffusion_points.add((x, y))
  32.  
  33. @staticmethodstaticmethod
  34. def calc_position(x, y, ratio):
  35. force = 1 / (((x - X) ** 2 +
  36.      (y - Y) ** 2) ** 0.520)
  37. dx = ratio * force * (x - X) + random.randint(-1, 1)
  38. dy = ratio * force * (y - Y) + random.randint(-1, 1)
  39. return x - dx, y - dy
  40.  
  41. def calc(self, generate_frame):
  42. ratio = 10 * curve(generate_frame / 10 * pi)
  43. halo_radius = int(4 + 6 * (1 + curve(generate_frame / 10 * pi)))
  44. halo_number = int(
  45.  3000 + 4000 * abs(curve(generate_frame / 10 * pi) ** 2))
  46. all_points = []
  47. # 光环
  48. heart_halo_point = set()
  49. for _ in range(halo_number):
  50.  t = random.uniform(0, 2 * pi)
  51.  x, y = heart(t, shrink_ratio=11.6)
  52.  x, y = shrink(x, y, halo_radius)
  53.  if (x, y) not in heart_halo_point:
  54.   heart_halo_point.add((x, y))
  55.   x += random.randint(-14, 14)
  56.   y += random.randint(-14, 14)
  57.   size = random.choice((1, 2, 2))
  58.   all_points.append((x, y, size))
  59. # 轮廓
  60. for x, y in self._points:
  61.  x, y = self.calc_position(x, y, ratio)
  62.  size = random.randint(1, 3)
  63.  all_points.append((x, y, size))
  64. # 内容
  65. for x, y in self._edge_diffusion_points:
  66.  x, y = self.calc_position(x, y, ratio)
  67.  size = random.randint(1, 2)
  68.  all_points.append((x, y, size))
  69. self.all_points[generate_frame] = all_points
  70. for x, y in self._center_diffusion_points:
  71.  x, y = self.calc_position(x, y, ratio)
  72.  size = random.randint(1, 2)
  73.  all_points.append((x, y, size))
  74. self.all_points[generate_frame] = all_points

实现效果如下：

  1. 满屏爱心代码（修改名字版本）
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <!-- saved from url=(0051)https://httishere.gitee.io/notion/v4/love-name.html -->
  6. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.  
  8.     <title> Love you </title>
  9.     <style type="text/css">
  10.       body {
  11.         margin: 0;
  12.         overflow: hidden;
  13.         background: #000;
  14.       }
  15.       canvas {
  16.         position: absolute;
  17.         width: 100%;
  18.         height: 100%;
  19.       }
  20.       #pinkboard {
  21.         animation: anim 1.5s ease-in-out infinite;
  22.         -webkit-animation: anim 1.5s ease-in-out infinite;
  23.         -o-animation: anim 1.5s ease-in-out infinite;
  24.         -moz-animation: anim 1.5s ease-in-out infinite;
  25.       }
  26.       @keyframes anim {
  27.         0% {
  28.           transform: scale(0.8);
  29.         }
  30.         25% {
  31.           transform: scale(0.7);
  32.         }
  33.         50% {
  34.           transform: scale(1);
  35.         }
  36.         75% {
  37.           transform: scale(0.7);
  38.         }
  39.         100% {
  40.           transform: scale(0.8);
  41.         }
  42.       }
  43.       @-webkit-keyframes anim {
  44.         0% {
  45.           -webkit-transform: scale(0.8);
  46.         }
  47.         25% {
  48.           -webkit-transform: scale(0.7);
  49.         }
  50.         50% {
  51.           -webkit-transform: scale(1);
  52.         }
  53.         75% {
  54.           -webkit-transform: scale(0.7);
  55.         }
  56.         100% {
  57.           -webkit-transform: scale(0.8);
  58.         }
  59.       }
  60.       @-o-keyframes anim {
  61.         0% {
  62.           -o-transform: scale(0.8);
  63.         }
  64.         25% {
  65.           -o-transform: scale(0.7);
  66.         }
  67.         50% {
  68.           -o-transform: scale(1);
  69.         }
  70.         75% {
  71.           -o-transform: scale(0.7);
  72.         }
  73.         100% {
  74.           -o-transform: scale(0.8);
  75.         }
  76.       }
  77.       @-moz-keyframes anim {
  78.         0% {
  79.           -moz-transform: scale(0.8);
  80.         }
  81.         25% {
  82.           -moz-transform: scale(0.7);
  83.         }
  84.         50% {
  85.           -moz-transform: scale(1);
  86.         }
  87.         75% {
  88.           -moz-transform: scale(0.7);
  89.         }
  90.         100% {
  91.           -moz-transform: scale(0.8);
  92.         }
  93.       }
  94.       #name {
  95.         position: absolute;
  96.         top: 50%;
  97.         left: 50%;
  98.         transform: translate(-50%, -50%);
  99.         margin-top: -20px;
  100.         font-size: 46px;
  101.         color: #ea80b0;
  102.       }
  103. </style>
  104.   <script src="./ Love you _files/monitors.3.6.36.cn.js.下载" async="" crossorigin="anonymous"></script><script src="./ Love you _files/sentry.3.6.36.cn.js.下载" async="" crossorigin="anonymous"></script></head>
  105.   <body>
  106.     <canvas id="pinkboard" width="1707" height="868"></canvas>
  107.  
  108.     <canvas id="canvas" width="1707" height="868"></canvas>
  109.  
  110.     <script type="text/javascript">
  111.       const colors = [
  112.         "#eec996",
  113.         "#8fb7d3",
  114.         "#b7d4c6",
  115.         "#c3bedd",
  116.         "#f1d5e4",
  117.         "#cae1d3",
  118.         "#f3c89d",
  119.         "#d0b0c3",
  120.         "#819d53",
  121.         "#c99294",
  122.         "#cec884",
  123.         "#ff8e70",
  124.         "#e0a111",
  125.         "#fffdf6",
  126.         "#cbd7ac",
  127.         "#e8c6c0",
  128.         "#dc9898",
  129.         "#ecc8ba",
  130.       ]; //用来设置的颜色
  131.       var canvas = document.getElementById("canvas");
  132.       var ctx = canvas.getContext("2d");
  133.       let count = 1;
  134.  
  135.       var ww = window.innerWidth;
  136.       var wh = window.innerHeight;
  137.  
  138.       var hearts = [];
  139.  
  140.       function init() {
  141.         requestAnimationFrame(render);
  142.         canvas.width = ww;
  143.         canvas.height = wh;
  144.         for (var i = 0; i < 100; i++) {
  145.           hearts.push(new Heart());
  146.         }
  147.       }
  148.  
  149.       function Heart() {
  150.         this.x = Math.random() * ww;
  151.         this.y = Math.random() * wh;
  152.         this.opacity = Math.random() * 0.5 + 0.5;
  153.         this.vel = {
  154.           x: (Math.random() - 0.5) * 4,
  155.           y: (Math.random() - 0.5) * 4,
  156.         };
  157.         this.targetScale = Math.random() * 0.15 + 0.02;
  158.         this.scale = this.targetScale * Math.random();
  159.       }
  160.  
  161.       Heart.prototype.update = function (i) {
  162.         this.x += this.vel.x;
  163.         this.y += this.vel.y;
  164.  
  165.         this.scale += (this.targetScale - this.scale) * 0.01;
  166.         if (this.x - this.width > ww || this.x + this.width < 0) {
  167.           this.scale = 0;
  168.           this.x = Math.random() * ww;
  169.         }
  170.         if (this.y - this.height > wh || this.y + this.height < 0) {
  171.           this.scale = 0;
  172.           this.y = Math.random() * wh;
  173.         }
  174.         this.width = 473.8;
  175.         this.height = 408.6;
  176.       };
  177.       Heart.prototype.draw = function (i) {
  178.         ctx.globalAlpha = this.opacity;
  179.         ctx.font = `${180 * this.scale}px "微软雅黑"`;
  180.         // ctx.font="20px";
  181.         ctx.fillStyle = colors[i % 18];
  182.         ctx.fillText(
  183.           "kawsar",
  184.           this.x - this.width * 0.5,
  185.           this.y - this.height * 0.5,
  186.           this.width,
  187.           this.height
  188.         );
  189.         // ctx.drawImage(
  190.         //   heartImage,
  191.         //   this.x - this.width * 0.5,
  192.         //   this.y - this.height * 0.5,
  193.         //   this.width,
  194.         //   this.heig

修改满屏文字操作步骤

将上方的代码全部复制

在电脑新建一个txt文件，命名love.txt

打开txt文件，黏贴代码

将双引号的文件给成你想要展示的文字，保存

将txt文件后缀改成 .hmtl

到此这篇关于Python爱心代码(李峋同款)的文章就介绍到这了,更多相关Python爱心代码请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/597572
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号