BETA

【Processing(p5.js)】ミニ作品(2019.02.22)

投稿日:2019-02-22
最終更新:2019-09-18

覚えたての知識を使ってミニ作品を作るコーナー。

ミニ作品


https://www.openprocessing.org/sketch/755150

コード(p5.js)

var NUM = 1500;  
var x_1 = new Array(NUM);  
var y_1 = new Array(NUM);  
var x_2 = new Array(NUM);  
var y_2 = new Array(NUM);  


function setup() {  
  createCanvas(400, 400);  
  frameRate(10);  
  background(0);  
  for (var i = 0; i < NUM; i++) {  
    setPosition(i);  
  }  
}  

function draw() {  
  stroke(255);  

  for (var i = 0; i < NUM; i++) {  
    // 直線を表示  
    line(x_1[i], y_1[i], x_2[i], y_2[i]);  

    var positionChange = random(1.0, 1.5);  
    x_1[i] = x_1[i] + positionChange;  
    y_1[i] = y_1[i] + positionChange;  
    x_2[i] = x_2[i] + positionChange;  
    y_2[i] = y_2[i] + positionChange;  

    if (x_1[i] > width || y_1[i] > height) {  
      setPosition(i);  
    }  
  }  
}  

function setPosition(i) {  
  x_1[i] = random(width);  
  y_1[i] = random(height);  
  x_2[i] = x_1[i] + 15.0;  
  y_2[i] = y_1[i] + 18.0;  
}  
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

funacchiの技術ブログ。

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう