粒子文字特效动画
代码语言:html
所属分类:粒子
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html, body { height: 100%; background: black; } </style> </head> <body translate="no"> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/dat.gui-min.js"></script> <script> "use strict"; const { abs, acos, asin, atan, atan2, ceil, cos, floor, max, min, PI, pow, random, round, sin, sqrt, tan } = Math; const HALF_PI = 0.5 * PI; const QUART_PI = 0.25 * PI; const TAU = 2 * PI; const TO_RAD = PI / 180; const G = 6.67 * pow(10, -11); const EPSILON = 2.220446049250313e-16; const rand = n => n * random(); const randIn = (_min, _max) => rand(_max - _min) + _min; const randRange = n => n - rand(2 * n); const fadeIn = (t, m) => t / m; const fadeOut = (t, m) => (m - t) / m; const fadeInOut = (t, m) => { let hm = 0.5 * m; return abs((t + hm) % m - hm) / hm; }; const dist = (x1, y1, x2, y2) => sqrt(pow(x2 - x1, 2) + pow(y2 - y1, 2)); const angle = (x1, y1, x2, y2) => atan2(y2 - y1, x2 - x1); const lerp = (a, b, t) => (1 - t) * a + t * b; const clamp = (n, _min, _max) => min(max(n, _min), _max); const norm = (n, _min, _max) => (n - _min) / (_max - _min); const fract = n => n - (n | 0); const vh = p => p * window.innerHeight * 0.01; const vw = p => p * window.innerWidth * 0.01; const vmin = p => min(vh(p), vw(p)); const vmax = p => max(vh(p), vw(p)); const intToRGBA = n => { let r, g, b, a; n >>>= 0; r = (n & 0xff000000) >>> 24; g = (n & 0xff0000) >>> 16; b = (n & 0xff00) >>> 8; a = (n & 0xff) / 255; return `rgba(${[r, g, b, a].join()})`; }; const drawTypes = { FILL: 'fill', STROKE: 'stroke' .........完整代码请登录后点击上方下载按钮下载查看
网友评论0