数字背景动画

下载代码

html

css

分享到微信朋友圈

html

css

JavaScript

function setup (){
  pixelDensity(1);
  createCanvas();
  colorMode(HSB, 1, 1, 1);
  windowResized();
}

let gw, gh;
let c1, offset;
let updatesPerFrame;
let xSpan = 15;
let ySpan = xSpan*1.5;
let init = () => {
  gw = floor(width/xSpan)+1;
  gh = floor(height/ySpan)+1;
  updatesPerFrame = gw*gh*.025;
  c1 = createGraphics(gw*xSpan, gh*ySpan);
  c1.colorMode(HSB, 1, 1, 1);
  c1.textAlign(LEFT, TOP);
  c1.background(0);
  c1.textSize(xSpan*1.5);
  offset = 0;
}

function windowResized(){
  resizeCanvas(windowWidth, windowHeight);
  init();
}

粒子时间文字 hover canvas 3d 游戏音乐火焰水波轮播图鼠标跟随动画 css 加载动画导航菜单按钮滑块 tab 弹出层统计图 svg