webgl-test

let effect = [];

let a = [];

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  frameRate(60);

  a[0] = 1, a[1] = 0; a[2] = -1;

​

}

​

function draw() {

  let s = width / 48;

  background(10,30,30);

​

  normalMaterial();

​

  push();

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  rotateZ(frameCount * 0.01);

  {

    //effect

    if (frameCount % 10 == 0) {

      effect.push(new Eff());//追加

    }

    //繰り返し

    for (let i = 0; i < effect.length; i++) {

      if (effect[i].long < 0) {

        effect.splice(i, 1);//消去

      }

      effect[i].draw();

    }

    fill(127,255, 127)

    ambientLight(80);

    pointLight(120, 20, 120, -40, -40, 40);

    specularMaterial(127, 255, 127);

​

    //本体

    for (let i = 0; i < 3; i++) {

      for (let j = 0; j < 3; j++) {

        for (let k = 0; k < 3; k++) {

          push();

          noStroke();

          rotateX(a[i] * frameCount * 0.01);

          rotateY(a[j] * frameCount * 0.01);

          rotateZ(a[k] * frameCount * 0.01);

          ellipsoid(s, s, s * 3 * sin(radians(frameCount)));

          ellipsoid(s, s * 3 * cos(radians(frameCount * 1.6)), s);

          ellipsoid(s * 6 * cos(radians(frameCount * 1.3)), s, s);

          pop();

        }

      }

    }

  }

  pop();

}

​

class Eff {

  constructor() {

    this.size = random(width/100, width / 80);

    this.r = random(width / 8, width / 4);

    this.x = random(-PI, PI);

    this.y = random(-PI, PI);

    this.z = random(-PI, PI);

    this.maxlong = 800;

    this.long = this.maxlong;

    this.efps = 8;

    this.kkk = 20;

    this.g=random(180,240);

    this.b=random(160,220);

  }

  draw() {

    for (let i = 0; i < this.efps; i++) {

      let size2 = map(this.long, this.maxlong - i * this.kkk, this.kkk * (this.efps - i - 1), 0, PI, true);

      push();

      rotateX(this.x);

      rotateY(this.y);

      rotateZ(this.z + this.long * 0.008 + i * 0.3);

      translate(this.r, 0, 0);

      noFill();

      strokeWeight(3);

      stroke(100,this.g,this.b);

      box(this.size * sin(size2));

      pop();

      this.long--;

    }

  }

}