Python画爱心——一颗会跳动的爱心~

article/2025/1/13 17:27:44

给你的Ta一个惊喜吧~

 今天给大家分享一个浪漫小技巧,利用Python中的HTML制作一个立体会动的心动小爱心

​​​​​​

备注“爱心代码” 领取icon-default.png?t=N176https://docs.qq.com/doc/DY01kTFBRRXRHVkxr?&u=7e29e2e960d345a4863a848d36e98027

成千上百个爱心汇成一个大爱心,从里到外形成一个立体状,给人视觉上的冲击感!浪漫极了↓

上才艺: 


</style>
  <body>
    <!-- 樱花 -->
    <div id="jsi-cherry-container" class="container">
      <audio autoplay="autopaly">
        <source src="renxi.mp3" type="audio/mp3" />
      </audio>
      <img class="img" src="./123.png" alt="" />
      <!-- 爱心 -->
      <canvas id="pinkboard" class="container"> </canvas>
    </div>

部分代码
  (function () {
      var b = 0;
      var c = ["ms", "moz", "webkit", "o"];
      for (var a = 0; a < c.length && !window.requestAnimationFrame; ++a) {
        window.requestAnimationFrame = window[c[a] + "RequestAnimationFrame"];
        window.cancelAnimationFrame =
          window[c[a] + "CancelAnimationFrame"] ||
          window[c[a] + "CancelRequestAnimationFrame"];
      }
      if (!window.requestAnimationFrame) {
        window.requestAnimationFrame = function (h, e) {
          var d = new Date().getTime();
          var f = Math.max(0, 16 - (d - b));
          var g = window.setTimeout(function () {
            h(d + f);
          }, f);
          b = d + f;
          return g;
        };
      }
      if (!window.cancelAnimationFrame) {
        window.cancelAnimationFrame = function (d) {
          clearTimeout(d);
        };
      }
    })();

    /*
     *Point class
     */
    var Point = (function () {
      function Point(x, y) {
        this.x = typeof x !== "undefined" ? x : 0;
        this.y = typeof y !== "undefined" ? y : 0;
      }
      Point.prototype.clone = function () {
        return new Point(this.x, this.y);
      };
      Point.prototype.length = function (length) {
        if (typeof length == "undefined")
          return Math.sqrt(this.x * this.x + this.y * this.y);
        this.normalize();
        this.x *= length;
        this.y *= length;
        return this;
      };
      Point.prototype.normalize = function () {
        var length = this.length();
        this.x /= length;
        this.y /= length;
        return this;
      };
      return Point;
    })();

    /*
     * Particle class
     */
    var Particle = (function () {
      function Particle() {
        this.position = new Point();
        this.velocity = new Point();
        this.acceleration = new Point();
        this.age = 0;
      }
      Particle.prototype.initialize = function (x, y, dx, dy) {
        this.position.x = x;
        this.position.y = y;
        this.velocity.x = dx;
        this.velocity.y = dy;
        this.acceleration.x = dx * settings.particles.effect;
        this.acceleration.y = dy * settings.particles.effect;
        this.age = 0;
      };
      Particle.prototype.update = function (deltaTime) {
        this.position.x += this.velocity.x * deltaTime;
        this.position.y += this.velocity.y * deltaTime;
        this.velocity.x += this.acceleration.x * deltaTime;
        this.velocity.y += this.acceleration.y * deltaTime;
        this.age += deltaTime;
      };
      Particle.prototype.draw = function (context, image) {
        function ease(t) {
          return --t * t * t + 1;
        }
        var size = image.width * ease(this.age / settings.particles.duration);
        context.globalAlpha = 1 - this.age / settings.particles.duration;
        context.drawImage(
          image,
          this.position.x - size / 2,
          this.position.y - size / 2,
          size,
          size
        );
      };
      return Particle;
    })();

运行结果:


http://chatgpt.dhexx.cn/article/l01cUtx7.shtml

相关文章

python爱心代码特效怎么弄,python画爱心代码大全

大家好&#xff0c;小编为大家解答python画爱心的代码怎么运行的问题。很多人还不知道python爱心代码特效怎么弄&#xff0c;现在让我们一起来看看吧&#xff01; 1、李峋的同款爱心代码是什么 http://81.71.43.115:81。李峋的同款爱心代码是http://81.71.43.115:81&#xff0…

如何把爱心图片变成“伪像素风”?用 CSS 贼容易!

点击上方 前端瓶子君&#xff0c;关注公众号 回复算法&#xff0c;加入前端编程面试算法每日一题群 产品小妹妹对同事阿洋说&#xff1a;“如果你能用CSS把一张爱心图片变成像素风&#xff0c;我今天就答应跟你约会。” 我拍了拍阿洋的肩膀&#xff0c;意味深长地说&#xff1a…

如何用python画一个心形图,用python画爱心怎么运行

大家好&#xff0c;给大家分享一下如何用python画一个心形图&#xff0c;很多人还不知道这一点。下面详细解释一下。现在让我们来看看&#xff01; 1、画爱心的python代码 我已经很努力了&#xff0c;但是要真的很好看爱心可能拍磨有点困难&#xff08;除了贴图&#xff0c;但…

利用python画爱心表白

*七夕来袭&#xff01;是时候展现专属于程序员的浪漫了&#xff01; 创意代码表白 简单分享一下如何利用python画爱心表白 以程序员的方式撒狗粮&#xff0c;专业浪漫&#xff0c;值得拥有&#xff01; 代码演示 # 导入海龟包 import turtle pen turtle.Turtle() # 定义绘…

画十字架中的爱心

用tkinter画十字架中的爱心 from tkinter import * import math root Tk() w Canvas(root, width800, height800) w.pack() # 画红色的坐标轴线 width800 height800 w0width/2 h0height/2 w.create_line(0, h0, width, h0, fill"red") w.create_line(w0, 0, w0, h…

怎么用计算机画爱心,如何用几何画板画一个爱心

作为强大的几何绘图软件&#xff0c;千万不要以为几何画板只能画一些基本几何图形&#xff0c;其实它的功能强大着呢。其实在使用之后&#xff0c;会发现原来还能用它画出各种函数图像&#xff0c;比如画出类似心形的函数&#xff0c;下面就来一起学习。 具体绘制步骤如下&…

利用Python绘制一个爱心

利用Python绘制一个爱心 效果图&#xff1a; 代码部分&#xff1a; import turtle #导入turtle库 turtle.pensize(4)#设置画笔像素为4像素 turtle.pencolor("red")#设置画笔颜色为红色 turtle.fillcolor("pink")#设置填充颜色为粉红色 turtle.begin_fill…

Python画各种爱心

目录 一行代码画爱心拆解 输出 I ❤ U填充型动态画红心桃心线性立体红心 玫瑰树 一行代码画爱心 print(\n.join([.join([(Love[(x-y)%len(Love)] if ((x*0.05)**2(y*0.1)**2-1)**3-(x*0.05)**2*(y*0.1)**3<0 else ) for x in range(-30,30)]) for y in range(15,-15,-1)]))…

python画爱心

import turtle import time# 清屏函数 def clear_all():turtle.penup()turtle.goto(0, 0)turtle.color(white)turtle.pensize(800)turtle.pendown()turtle.setheading(0)turtle.fd(300)turtle.bk(600)# 重定位海龟的位置 def go_to(x, y, state):turtle.pendown() if state els…

python画爱心的代码怎么运行_怎么用python实现画爱心

Python中可以使用turtle库来画图&#xff0c;通过控制画笔运动来实现在画布上画图案。 使用Python画爱心代码如下&#xff1a;#!/usr/bin/env python # -*- coding:utf-8 -*- import turtle import time # 画心形圆弧 def hart_arc(): for i in range(200): turtle.rig…

如何用纯 CSS 为母亲节创作一颗像素画风格的爱心

效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览&#xff0c;点击链接可以全屏预览。 https://codepen.io/comehope/pen/LmrZVX 可交互视频教程 此视频是可以交互的&#xff0c;你可以随时暂停视频&#xff0c;编辑视频中的代码。 请用 chrome, safari,…

如何用纯 CSS 为母亲节创作一颗像素画风格的爱心...

效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览&#xff0c;点击链接可以全屏预览。 https://codepen.io/comehope/pen/LmrZVX 可交互视频教程 此视频是可以交互的&#xff0c;你可以随时暂停视频&#xff0c;编辑视频中的代码。 请用 chrome, safari, edge …

Python编程 利用Python画一个爱心

作者简介&#xff1a;一名在校计算机学生、每天分享Python的学习经验、和学习笔记。 座右铭&#xff1a;低头赶路&#xff0c;敬事如仪 个人主页&#xff1a;网络豆的主页​​​​​​ 目录 前言 一.所使用的库 1.turtle库 2.情人节来历 二.正文 2.背景颜色 3.调整画…

前端每日实战:20# 视频演示如何用纯 CSS 为母亲节创作一颗像素画风格的爱心...

效果预览 按下右侧的“点击预览”按钮可以在当前页面预览&#xff0c;点击链接可以全屏预览。 https://codepen.io/comehope/pen/LmrZVX 可交互视频教程 此视频是可以交互的&#xff0c;你可以随时暂停视频&#xff0c;编辑视频中的代码。 请用 chrome, safari, edge 打开观看。…

golang识别身份证号

使用go做身份证号码识别 1.本实例主要是学习使用image库 2.实现思路: (1).获取图片 (2).对图片指定区域进行裁剪 (3).将图片进行二值化,使用黑白两色作为区分 (4).去掉图片无用的边缘 (5).将数字进行裁剪为一张一张的小图片 (6).将图片使用0和1来进行数据化 (7).使用提前准备的…

身份证号码识别

初次接触OCR技术&#xff0c;OCR技术在工业检测上有极大的用处&#xff0c;如工件上面得数字标号识别、印刷纸票识别、车牌识别、身份证号码识别等。但中文字体识别较难&#xff0c;如今百度OCR、谷歌tesseract等提供识别接口&#xff0c;可以取得较好的识别效果。 通过贾志刚老…

身份证号规则校验

我们国家目前公民身份证号为15位或者18位&#xff0c;且最后一位可能出现字母X。其中&#xff0c; 15位身份证为我国第一代身份证&#xff0c;基本已经退出历史舞台。其规则如下&#xff1a; 前1、2位数字表示&#xff1a;所在省份的代码&#xff1b; 第3、4位数字表示&…

opencv识别身份证号

opencv 识别身份证号 python模块 opencvpytesseractPIL 1.模块安装 1.1 opencv安装 通过pip进行安装&#xff0c;在此不再叙述 注意安装版本&#xff0c;以下是python3的安装方式 pip install opencv-python1.2 pytesseract安装 通过pip进行安装&#xff0c;在此不再叙述…

[转]【读书笔记】《俞军产品方法论》——产品经理的枕边书

作者简介 俞军&#xff0c;1997年毕业于同济大学化学系。曾任百度产品副总裁、首席产品架构师&#xff0c;网名“搜索引擎9238”&#xff0c;有“百度贴吧之父”之称。滴滴前高级产品副总裁。 内容简介 摘抄语录 我的产品潜力和优势大约只来自三方面&#xff1a;第一&#xff0…

话说产品方法论——需求与用户研究

开一个坑&#xff0c;结合自身经历和现在在看的一些书&#xff0c;将一些基础的产品方法论总结出来&#xff0c;与大家交流的同时鞭策自己。 作为0岁的产品经理&#xff0c;我们在学习产品方法论时&#xff0c;容易偏重于产品设计的理论&#xff0c;对产品设计的喜爱也许是多数…