var array_num = 100; //配列の要素数とfor文の処理回数を制御するための関数 var random_num = new Array(array_num); var random_num_st = new Array(array_num);//random_num保存用配列 var plusx1 = new Array(array_num); var array_plus1 = 0;//配列のx座標指定に加算していくやつ var flag_sin = 0; var shaft_pattern = 0; function windowResized() { resizeCanvas(windowWidth, 5000); } function setup() { canvas=createCanvas(windowWidth,6000); canvas.position(0, 0);//canvasをページの原点に固定 canvas.style('z-index', '-1');//canvasを後ろに移動する for (var step = 0; step < array_num; step++) {//ギザギザを斜めにするやつ plusx1[step] = array_plus1; array_plus1 += 1.1;//徐々にプラスしていく } for (var step = 0; step < array_num; step++) { flag_sin = sin(radians(map(step, 0, array_num,0, 1080))); if (flag_sin > 0.82) { random_num[step] = random(-250, 100); random_num_st[step] = random_num[step]; } else { random_num[step] = random(-5, 50); random_num_st[step] = random_num[step]; } } } //+30*sin(radians(map(step,0,array_num,0,900))); function draw() { shaft_pattern = random(0, 1); for (var step = 0; step < array_num; step++) { flag_sin = sin(radians(map(step, 0, array_num, 0, 1080))); if (frameCount % 5 == 0) { if ((flag_sin > random(1) - shaft_pattern) && (flag_sin < 1 - shaft_pattern)) {//大きいびりびり制御場所 random_num[step] = random(-100, 200) * cos(frameCount * 0.02) * cos(frameCount * 0.04) * 1.1; random_num_st[step] = random_num[step]; } else { random_num[step] = random(-10, 10) * sin(frameCount * 0.02) * sin(frameCount * 0.04) * 1.05; random_num_st[step] = random_num[step]; } } } var win_x = window.innerWidth;//画面のインナーサイズの取得 background(27); noise_(win_x); } //innerWidth インナーの表示幅で図形を固定する function noise_(wx) { noFill(); strokeWeight(0.5); stroke("FFFFFF"); beginShape(); for (var step = 0; step < array_num; step++) { vertex(-50 + wx / 2 + random_num_st[step] + plusx1[step], step *6- random_num_st[step] / 4); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] - plusx1[step]+wx*2/60, step *7- random_num_st[step] / 4+600); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] + plusx1[step]+wx*2/100-80, step *4 - random_num_st[step] / 4+1300); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] - plusx1[step]+wx*14.3/100-130, step * 5 - random_num_st[step] /4+1700); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] - plusx1[step]-wx*2.29/150+10, step *4 - random_num_st[step] /4+2200); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] + plusx1[step]-wx*2.29/100-100, step *5 - random_num_st[step] /4+2600); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] - plusx1[step]-wx*2.29/150, step *4 - random_num_st[step] /4+3100); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] + plusx1[step]-wx*2.29/150-100, step *5 - random_num_st[step] /4+3500); } for (var step = 0; step < array_num; step++) { vertex(wx / 2 + random_num_st[step] + plusx1[step]-wx*2.29/150, step *5 - random_num_st[step] /4+3995); } endShape(); }