您现在的位置是：首页 > 技术教程 正文

使用Python绘制跳动的爱心，让你的代码也充满爱意！

admin 阅读： 2024-03-21
后台-插件-广告管理-内容页头部广告（手机）

今天我要分享一个浪漫小技巧，使用Python中的HTML制作一个立体、动态的小爱心。通过成千上百个小爱心的组合，形成一个大爱心，从内到外呈现出立体的效果，给人带来强烈的视觉冲击。这个小技巧非常浪漫，让人感受到爱的力量。

一．粉色爱心

  2. </style>
  3. <body>
  4. <!-- 樱花 -->
  5. <div id="jsi-cherry-container" class="container">
  6. <audio autoplay="autopaly">
  7. <source src="renxi.mp3" type="audio/mp3" />
  8. </audio>
  9. <img class="img" src="./123.png" alt="" />
  10. <!-- 爱心 -->
  11. <canvas id="pinkboard" class="container"> </canvas>
  12. </div>
  1. (function () {
  2. var b = 0;
  3. var c = ["ms", "moz", "webkit", "o"];
  4. for (var a = 0; a < c.length && !window.requestAnimationFrame; ++a) {
  5. window.requestAnimationFrame = window[c[a] + "RequestAnimationFrame"];
  6. window.cancelAnimationFrame =
  7. window[c[a] + "CancelAnimationFrame"] ||
  8. window[c[a] + "CancelRequestAnimationFrame"];
  9. }
  10. if (!window.requestAnimationFrame) {
  11. window.requestAnimationFrame = function (h, e) {
  12. var d = new Date().getTime();
  13. var f = Math.max(0, 16 - (d - b));
  14. var g = window.setTimeout(function () {
  15. h(d + f);
  16. }, f);
  17. b = d + f;
  18. return g;
  19. };
  20. }
  21. if (!window.cancelAnimationFrame) {
  22. window.cancelAnimationFrame = function (d) {
  23. clearTimeout(d);
  24. };
  25. }
  26. })();
  28. /*
  29. *Point class
  30. */
  31. var Point = (function () {
  32. function Point(x, y) {
  33. this.x = typeof x !== "undefined" ? x : 0;
  34. this.y = typeof y !== "undefined" ? y : 0;
  35. }
  36. Point.prototype.clone = function () {
  37. return new Point(this.x, this.y);
  38. };
  39. Point.prototype.length = function (length) {
  40. if (typeof length == "undefined")
  41. return Math.sqrt(this.x * this.x + this.y * this.y);
  42. this.normalize();
  43. this.x *= length;
  44. this.y *= length;
  45. return this;
  46. };
  47. Point.prototype.normalize = function () {
  48. var length = this.length();
  49. this.x /= length;
  50. this.y /= length;
  51. return this;
  52. };
  53. return Point;
  54. })();
  56. /*
  57. * Particle class
  58. */
  59. var Particle = (function () {
  60. function Particle() {
  61. this.position = new Point();
  62. this.velocity = new Point();
  63. this.acceleration = new Point();
  64. this.age = 0;
  65. }
  66. Particle.prototype.initialize = function (x, y, dx, dy) {
  67. this.position.x = x;
  68. this.position.y = y;
  69. this.velocity.x = dx;
  70. this.velocity.y = dy;
  71. this.acceleration.x = dx * settings.particles.effect;
  72. this.acceleration.y = dy * settings.particles.effect;
  73. this.age = 0;
  74. };
  75. Particle.prototype.update = function (deltaTime) {
  76. this.position.x += this.velocity.x * deltaTime;
  77. this.position.y += this.velocity.y * deltaTime;
  78. this.velocity.x += this.acceleration.x * deltaTime;
  79. this.velocity.y += this.acceleration.y * deltaTime;
  80. this.age += deltaTime;
  81. };
  82. Particle.prototype.draw = function (context, image) {
  83. function ease(t) {
  84. return --t * t * t + 1;
  85. }
  86. var size = image.width * ease(this.age / settings.particles.duration);
  87. context.globalAlpha = 1 - this.age / settings.particles.duration;
  88. context.drawImage(
  89. image,
  90. this.position.x - size / 2,
  91. this.position.y - size / 2,
  92. size,
  93. size
  94. );
  95. };
  96. return Particle;
  97. })();

运行结果：

 二．蓝色动态爱心

表白界面

下边是表白运行代码：

  2. def OK(): #同意按钮
  3. root.destroy()
  4. love() #同意后显示漂浮爱心
  5. def NO(): #拒绝按钮，拒绝不会退出，必须同意才可以退出哦~
  6. tk.messagebox.showwarning('❤','再给你一次机会！')
  7. def closeWindow():
  8. tk.messagebox.showwarning('❤','逃避是没有用的哦')
  9. ————————————————
  10. 版权声明：本文为CSDN博主「Want595」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

 蓝色爱心代码

 

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 = 1000 self.generate_frame = generate_frame for 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)) @staticmethod def calc_position(x, y, ratio): force = 1 / (((x - heartx) ** 2 + (y - hearty) ** 2) ** 0.520) # 魔法参数 dx = ratio * force * (x - heartx) + random.randint(-1, 1) dy = ratio * force * (y - hearty) + random.randint(-1, 1) return x - dx, y - dy def 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_points def 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=heartcolor)

其他函数 

  2. def heart_function(t, shrink_ratio: float = side):
  3. x = 16 * (sin(t) ** 3)
  4. y = -(13 * cos(t) - 5 * cos(2 * t) - 2 * cos(3 * t) - cos(4 * t))
  5. x *= shrink_ratio
  6. y *= shrink_ratio
  7. x += heartx
  8. y += hearty
  9. return int(x), int(y)
  10. def scatter_inside(x, y, beta=0.15):
  11. ratio_x = - beta * log(random.random())
  12. ratio_y = - beta * log(random.random())
  13. dx = ratio_x * (x - heartx)
  14. dy = ratio_y * (y - hearty)
  15. return x - dx, y - dy
  16. def shrink(x, y, ratio):
  17. force = -1 / (((x - heartx) ** 2 + (y - hearty) ** 2) ** 0.6) # 这个参数...
  18. dx = ratio * force * (x - heartx)
  19. dy = ratio * force * (y - hearty)
  20. return x - dx, y - dy
  21. def curve(p):
  22. return 2 * (2 * sin(4 * p)) / (2 * pi)
  23. def draw(main: tk.Tk, render_canvas: tk.Canvas, render_heart: Heart, render_frame=0):
  24. render_canvas.delete('all')
  25. render_heart.render(render_canvas, render_frame)
  26. main.after(160, draw, main, render_canvas, render_heart, render_frame + 1）

标签:
声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

在线投稿：投稿 站长QQ：1888636

后台-插件-广告管理-内容页尾部广告（手机）
相关文章
关注我们

扫一扫关注我们，了解最新精彩内容

搜索
排行榜
最近发表
标签列表