My Sketch

//Sketch por Julian Bejarano Gomez

//julianbejaranog@gmail.com

  var puntoX;

  var puntoY;

  var puntoX2;

  var puntoY2;

  var puntoX3;

  var puntoY3;

  var puntoX4;

  var puntoY4;

  var puntoX5;

  var puntoY5;

  var puntoX6;

  var puntoY6;

  var puntoX7;

  var puntoY7;

  var transparencia = 10;

function setup()

{

  background(0);

  createCanvas(1200,600);

}

​

​

function draw()

{

star();

 overRect();

 //

 fill(10, transparencia); //color y opacidad de fondo

 rect(0, 0, width, height);

 fill(100, 60);

 textSize(14);

 noStroke();

 text("mouse aca", 50, 89);

​

 //delay(1500);

}

​

function nuevasPalabras ()

{

 Palabra (puntoX, puntoY);

 Palabra (puntoX2, puntoY2);

 Palabra (puntoX3, puntoY3);

 Palabra (puntoX4, puntoY4);

 Palabra (puntoX5, puntoY5);

 Palabra (puntoX6, puntoY6);

 Palabra (puntoX7, puntoY7);

 Palabra (posX(),posY());

}

​

function Area ( a,  b)

{

var radio = 20;

//noFill();

fill(6);

stroke(200, 180);   //color y opacidad de lineas

strokeWeight(6);

ellipse (a, b-5, radio, radio);

}

​

function Palabra ( x,  y)

{

  let palabras = ['Permitir',

                  'Espacio',

                  'Cuerpo',

                  'Error',

                  'Artístas',

                  'Tecnologia',

                  'Exploración',

                  'Materia',

                  'Poblaciones',

                  'Virtuales',

                  'Información',

                  'Produccion',

                  'Obra',

                 'Practica',

                  'Area',

                 'Formación',

                  'Representación',

                  'Pedagogias',

                  'Desarrollo',

                  'Consumo','Formatos','Electrónicas','Artes','Modelos','Técnicas',

                  'Indisciplina','Materiales','Contenidos','Operaciones','Observar','Hackeo',

                  'Conocimiento','Mutante','Oficios','Referentes','Construcción','Herramientas',

                  'Acciones','Planteamiento','Creativo','Dispositivos','Lenguajes','Error','Reflexión',

                  'Descripción','Sentido','Análisis','Lugar','Ejercer','Escenario','Relación','Alcances',

                  'Crisis','poetica'

                 ];

  let pal = random(palabras);

  //print('The value of x is ' + pal);

  textSize(20);

  fill(255, 250)

  text(pal, x + 20, y);

}

​

function overRect()

{

  var x1 = 50;

  var y1 = 50;

  var x2 = 70;

  var y2 = 70;

  fill(60, 5);

  noStroke();

  rect(x1,y1,x2,y2);

  if (mouseX >= x1 && mouseX <= x1+x2 && 

      mouseY >= y1 && mouseY <= y1+y2) 

  {

        fill(160, 10);

        noStroke();

        rect(x1-5,y1-5,x2+10,y2+10);

        transparencia= 160;

        nuevasPalabras();

        //nuevasPalabras.pause;

        //star.pause;

        return true;}

   else {

    star.pause;

    transparencia= 0;

    return false;

    }

}

​

function star ()

{

  if (overRect() == true) {

   puntoX = posX();

   puntoY = posY();

   puntoX2 = posX();

   puntoY2 = posY();

   puntoX3 = posX();

   puntoY3 = posY();

   puntoX4 = posX();

   puntoY4 = posY();

   puntoX5 = posX();

   puntoY5 = posY();

   puntoX6 = posX();

   puntoY6 = posY();

   puntoX7 = posX();

   puntoY7 = posY();

 }

 stroke(100, 20);   //color y opacidad de lineas

 strokeWeight(4);

 line(puntoX, puntoY, puntoX2, puntoY2);

 line(puntoX6, puntoY6, puntoX7, puntoY7);

 line(puntoX, puntoY, puntoX5, puntoY5);

 line(puntoX2, puntoY2, puntoX4, puntoY4);

  line(puntoX3, puntoY3, puntoX6, puntoY6);

​

 beginShape();

 //star.noFill();

 fill(40, 5);

 stroke(100, 50);   //color y opacidad de lineas

 strokeWeight(4);

 //vertex(puntoX2, puntoY3);

 vertex(puntoX2, puntoY2);

 vertex(puntoX3, puntoY3);

 vertex(puntoX4, puntoY4);

 vertex(puntoX7, puntoY7);

 endShape(CLOSE);

​

 Area (puntoX, puntoY);

 Area (puntoX2, puntoY2);

 Area (puntoX3, puntoY3);

 Area (puntoX4, puntoY4);

 Area (puntoX5, puntoY5);

 Area (puntoX6, puntoY6);

 Area (puntoX7, puntoY7);

​

 }

​

function posY(){

var y = random (20, height-20);

return y;

}

​

function posX(){

var x = random (20, width-60);

return x;

}