2017/10/05

Coding Challege #76

10PRINT in p5.js



Código html:
<!doctype html>
<html>
  <head>
    <title>Antonio Vallecillos</title>
    <script src="../p5.js"></script>
    <script src="code.js"></script>
</head>
  <body style="text-align:center; margin:0px; background-color:white">
  </body>
</html>

Código p5.js:
var x = -10;
var y = -10;
var r;

function setup(){
  createCanvas(500,500);
  background(0);
  strokeWeight(5);
}

function draw(){
  stroke(map(y,0,500,0,255),map(x,0,500,0,255),map(x+y,0,1000,255,0));
  r = round(random(0,1));
  if (r == 0){
    line(x+0,y+0,x+10,y+10);  
  }else{
    line(x+10,y+0,x+0,y+10);
  }
  x = x + 10;
  if (x >= width+10){
    x = -10;
    y = y + 10;    
  }
}