H5+Canvas酷炫3D線條延伸動畫特效

js程式碼

<腳本>
;（功能（） {
  '使用嚴格'；
  var c = document.getElementById('c');
  var ctx = c.getContext('2d');
  var w = c.width = window.innerWidth;
  var h = c.height = window.innerHeight;
  var cx = w / 2;
  var cy = h / 2;
  var fl = 1000；
  
  函數 prj(obj) {
    var cz = obj.z + fl;
    如果（cz === 0）返回；
    var scl = fl / cz;
    obj.p.x = cx + obj.x * scl;
    obj.p.y = cy + obj.y * scl;
    obj.s = scl;
  }
  
  var P = 函數(x, y, z) {
    這個.x = x;
    這個.y = y;
    這個.z = z;
    這個.s = 1;
    這個.cl = 0;
    這個.p = {
      x：0，
      y：0
    };
  };