首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏BORBER

    Click fireworks

    -- 点击爆炸特效 start--> <canvas class="<em>fireworks</em>" style="position: fixed;left: 0;top: 0;z-index: 1; cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script> <script src ="https://borber.cn/media/scripts/lib/<em>fireworks</em>.js

    1.3K20发布于 2019-08-06
  • 来自专栏meishadevs的前端专栏

    Fireworks操作技巧

    自己平时总结的一些使用 Fireworks 的操作技巧。 转载请注明: 【文章转载自meishadevs:Fireworks操作技巧】

    1.3K30编辑于 2023-04-13
  • 来自专栏用户10004205的专栏

    Unity Visual Effect Graph 制作Fireworks烟花特效

    效果图: 首先创建一个Visual Effect Graph,命名为Fireworks: 在粒子初始化中,我们设置烟花的生成位置,让烟花沿着X轴在[-50, 50]取值范围内随机生成粒子

    1.9K10编辑于 2022-08-29
  • 来自专栏前端自习课

    【CSS】1088- CSS 快速实现烟花绽放

    1s steps(24) infinite; } @keyframes fireworks { to { background-position: 100%; } } { /* 其他 */ animation: fireworks 1s steps(24) infinite, random 4s infinite; } 效果如下 Kapture { /* 其他 */ animation: fireworks 1s steps(24) infinite, random 4s steps(1) infinite; } 效果如下 class="fireworks" style="left: 5%; top: 23%;">

    <div class="<em>fireworks</em>" style="right: 45%; top: 2021-08-20 at 23.17.31 完整代码可访问 CSS <em>fireworks</em> (codepen.io) 六、绚丽多彩的烟花 设计同学觉得白色有些太单调,想换个颜色,比如黄色?

    1.7K10发布于 2021-10-08
  • 来自专栏一个正经的测试

    【AI绘画】年前副业新风口!用AI制作万赞的烟花秀

    people,虚化人群) fireworks at a new year's eve celebration - 除夕庆祝活动上的烟花 (强调节庆气氛) fireworks reflected in fireworks - 多层次的烟花 (让烟花更有层次感) realistic smoke trails from fireworks - 逼真的烟花烟雾轨迹 (增加真实感) 4. of fireworks - 烟花的广角镜头(可以捕捉更大的场景) 下面是我梳理的一个提示词 realistic fireworks, modern fireworks display, nighttime fireworks, bright fireworks against a dark sky, detailed fireworks over a modern city skylinelong exposure fireworks, soft glowing fireworks, nighttime fireworks over a calm lake, detailed multi-layered fireworks

    1.1K00编辑于 2025-01-03
  • 来自专栏我在本科期间写的文章

    生日主题的烟花特效HTML,CSS,JS

    isDone() { return this.particles.length === 0; } } // 声明 fireworks 为 let let fireworks = []; const colors = ['#ff3d3d', '#ff9c3d', '#ffe03d', '#3dff83' Math.random() * canvas.width; const y = Math.random() * canvas.height / 2; fireworks.push 变量可变 fireworks = fireworks.filter(firework => ! 声明改为 let,确保可以在循环中通过 fireworks = fireworks.filter(...)

    1.8K10编辑于 2024-11-20
  • 来自专栏站长的编程笔记

    跨年代码 烟花html

    -3.3.1.min.js"     ></script>     <script type="text/javascript">       $(function () {         var Fireworks .innerHeight();             self.particles = [];             self.partCount = 150;             self.fireworks ;             while (i--) {               var f = self.fireworks[i];               self.ctx.lineWidth self.ctx.globalCompositeOperation = "lighter";             while (i--) {               var f = self.fireworks             $(self.canvas).on("mouseup", function (e) {               $(self.canvas).off("mousemove.fireworks

    1.5K30编辑于 2023-01-08
  • 来自专栏神光的编程秘籍

    在你的 VSCode 里深夜放烟火

    然后我们开始写具体的逻辑: 在 src/extension.ts 里注册 fireworks 命令: import * as vscode from 'vscode'; export function 代码上传了 github:https://github.com/QuarkGluonPlasma/vscode-night-fireworks 总结 我们实现了在 vsocde 里放烟花的效果。 我们注册了 fireworks 和 stop-fireworks 两个命令。 在 fireworks 的时候拿到文本,给随机行列加上一个装饰,也就是通过 before 伪元素加上 background-image 设置一个 gif。 然后 stop-fireworks 的时候调用 dispose 去掉装饰。 这样,深夜里就可以在 vscode 里自己放烟火了。

    61310编辑于 2023-08-28
  • 来自专栏CSDNToQQCode

    两种过年烟花,你喜欢哪一种(HTML+CSS+JS)

    full screen dimensions cw = window.innerWidth, ch = window.innerHeight, // firework collection fireworks = [], // particle collection particles = [], // starting hue hue = 120, // when launching fireworks launch per 5 loop ticks limiterTotal = 5, limiterTick = 0, // this will time the auto launches of fireworks ; while( i-- ) { fireworks[ i ].draw(); fireworks[ i ].update( i ); } // loop over each particle e ) { e.preventDefault(); mousedown = false; }); // once the window loads, we are ready for some fireworks

    1.3K10编辑于 2022-11-29
  • 来自专栏我在本科期间写的文章

    ❤️创意网页:HTML5 Canvas技术实现绚丽多彩的烟花特效教程

    charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fireworks const canvas = document.getElementById('fireworksCanvas'); const ctx = canvas.getContext('2d'); let fireworks ((firework, index) => { if (firework.particles[0].opacity <= 0) { fireworks.splice(index, 1 charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fireworks ((firework, index) => { if (firework.particles[0].opacity <= 0) { fireworks.splice(

    1.7K10编辑于 2024-03-20
  • 来自专栏全栈技术

    快过年了,用五种不同的JS特效带你看烟花(包邮送元宇宙图书)

    $container = $('#jsi-fireworks-container'); this.width = this. this.fireworks[i].render(contextFireworks)){ this.fireworks.splice(i, 1); } } for(var i = fireworks, j, ref; for (fireworks = j = 0, ref = fireBoss.length; (0 <= ref ? j < ref : j > ref); fireworks = 0 <= ref ? ++j : --j) { if (fireBoss[fireworks].sky) { fireBoss[fireworks].explode(); }

    2.2K41编辑于 2022-04-13
  • 来自专栏我在本科期间写的文章

    ❤️创意网页:HTML5 Canvas技术实现绚丽多彩的烟花特效

    charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fireworks const canvas = document.getElementById('fireworksCanvas'); const ctx = canvas.getContext('2d'); let fireworks ((firework, index) => { if (firework.particles[0].opacity <= 0) { fireworks.splice(index, 1 ((firework, index) => { if (firework.particles[0].opacity <= 0) { fireworks.splice( (new Firework(x, y)); } }, 2000); // Fireworks will be triggered every 2 seconds // 启动动画

    1.8K10编辑于 2024-03-20
  • 来自专栏其他相关技术

    【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+d

    "></canvas> <script> const canvas = document.getElementById('fireworks'); const ctx ; i++) { fireworks[i].update(); fireworks[i].draw(); if (fireworks[i].exploded && fireworks[i].particles.length === 0) { fireworks.splice( ; i++) { fireworks[i].update(); fireworks[i].draw(); if (fireworks[i].exploded && fireworks[i].particles.length === 0) { fireworks.splice(

    36700编辑于 2025-01-20
  • 来自专栏我在本科期间写的文章

    ❤️创意网页:制作一个绚丽的烟花效果(HTML、CSS和JavaScript实现)

    charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fireworks let fireworks = []; function animate() { ctx.fillStyle = 'rgba(0, 0, 0, 0.1)'; ctx.fillRect(0, 0 , canvas.width, canvas.height); fireworks.forEach((firework, index) => { if (firework.particles charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fireworks ((firework, index) => { if (firework.particles[0].opacity <= 0) { fireworks.splice(

    2.8K10编辑于 2024-03-20
  • 来自专栏Rust语言学习交流

    【Rust日报】2020-08-31 easy_rust 正式完成了

    term-fireworks - 在终端里编入烟花效果 term-fireworks - Fireworks for your terminal https://blog.darrien.dev/posts /fireworks-for-your-terminal/ https://gitlab.com/DarrienG/term-fireworks 给终端窗口加入烟花效果。

    80920发布于 2020-09-07
  • 来自专栏OECOM

    html5点击出现燃放烟花特效

    type="text/javascript" src="js/jquery-2.0.0.min.js"></script> <script type="text/javascript" src="js/<em>Fireworks</em>.js </b></div> </body> </html> 这些代码非常简单,复杂的主要是js代码: $(function(){ var <em>Fireworks</em> = function(){ var self = (newFirework); }; self.updateFireworks = function(){ var i = self.<em>fireworks</em>.length; while(i--){ var f = self.<em>fireworks</em>[i]; self.ctx.lineWidth = f.lineWidth; vx = Math.cos(f.angle) * f.speed, vy = Math.sin = 'lighter'; while(i--){ var f = self.<em>fireworks</em>[i]; self.ctx.lineWidth = f.lineWidth; var coordRand

    3.6K20发布于 2020-07-01
  • 来自专栏python理论

    利用python给女朋友放个烟花

    : utf-8 -*- import math, random,time import threading import tkinter as tk import re #import uuid Fireworks 2}{2:0>2}'.format(ccr,ccg,ccb) def appendFirework(n=1): #递归生成烟花对象 if n>maxFireworks or len(Fireworks 0~16777215(0xFFFFFF)的随机数,作为随机颜色 a=firework(cl,random.uniform(1.5,3.5),width,height) Fireworks.append a.explode() else: appendFirework() appendFirework(n-1) def show(c): for p in Fireworks #每次刷新显示,先把已有的所以粒子全部删除 for pp in p['points']: c.delete(pp) for p in Fireworks

    3K20编辑于 2021-12-30
  • 来自专栏JAVA

    新春烟花特效 HTML:打造你的节日专属网页

    文件结构 创建一个新文件夹,并包含以下文件: fireworks/ ├── index.html ├── style.css └── script.js 2. <title>新春烟花特效</title> <link rel="stylesheet" href="style.css"> </head> <body> <canvas id="<em>fireworks</em> 初始化画布 首先,在 script.js 中获取 <canvas> 元素,并设置其尺寸: const canvas = document.getElementById('<em>fireworks</em>'); const '218,112,214', '255,140,0', '75,0,130', '255,20,147' ]; const <em>fireworks</em> - 1; i >= 0; i--) { const firework = <em>fireworks</em>[i]; if (firework.y

    1.3K10编辑于 2025-01-20
  • 来自专栏蛋先生说识

    LangChain初探:为你的AI应用之旅导航

    蛋先生:那你先给一个使用 SDK 与语言模型交互的例子呗丹尼尔:这还不简单,我就用这个吧:fireworks.ai (注:这个平台提供免费的资源,访问也方便)from fireworks.client import Fireworksclient = Fireworks(api_key="<FIREWORKS_API_KEY>")response = client.chat.completions.create 来吧,是时候开始你的表演了蛋先生:我们直接来看下通过 LangChain 使用 fireworks 和 文心一言 的代码示例吧,毕竟 No Code No BB 嘛fireworks LangChain 示例import osfrom langchain_community.chat_models.fireworks import ChatFireworksos.environ["FIREWORKS_API_KEY "] = '<FIREWORKS_API_KEY>'model = ChatFireworks(model="accounts/fireworks/models/llama-v2-13b-chat")res

    90264编辑于 2024-03-01
  • 来自专栏酷猫小窝

    给你的小站加上鼠标点击特效

    src="https://www.sunleon.cn/wp-content/themes/Adams-master/static/meme.js"></script> <canvas class="<em>fireworks</em> script> <script type="text/javascript" src="https://www.sunleon.cn/wp-content/themes/Adams-master/static/<em>fireworks</em>.js

    1.1K10发布于 2020-04-20
  • 领券