El lenguaje PJS

* La referencia oficial de ProcessingJavascript

* La referencia de ProcessingJavascript de KA

Constantes

1-Variables

2-Modificación de variables

3-Variables locales

4-VAriables globales

Aquí veremos todo sobre Processing en su versión para Web

Mover un objeto hacia 4 direcciones con variables

//Robot toda su cara puede moverse manejando las dos variables iniciales

background(0, 0, 0);

noStroke();

var x = 153;

var y = 187;

// Cara

fill(211, 227, 235);

rect(x, y, 150, 150,7);

// ojos

fill(184, 103, 184);

rect(x + 40, y +50, 10, -40, 10);

rect(x + 100, y +50, 10, -40,20);

// Boca

fill(28, 112, 11);

rect(x + 35, y + 114, 75, -13,3);

Ver online: https://es.khanacademy.org/computer-programming/derivado-de-otro/5871826803

Un objeto más complejo

background(151, 114, 219);

noStroke();

var vTamaño = 30;

var x = 39;

var y = 46;

//cuerpo

fill(0, 217, 255);

rect(x, y, 100, 30,20);

fill(0, 43, 255);

rect(x+15, y-20, 50,20,5);

// ruedas

fill(46, 46, 41);

ellipse(x +10, y + 25, vTamaño, vTamaño);

ellipse(x +80, y + 25, vTamaño, vTamaño);

// llantas

fill(227, 227, 223);

ellipse(x +10, y + 25, vTamaño/1.5, vTamaño/1.5);

ellipse(x +80, y + 25, vTamaño/1.5, vTamaño/1.5);

Ver online: https://es.khanacademy.org/computer-programming/derivado-de-cambiar-el-tamao-de-las-figuras-con-expresiones-variables/5875617806

Tip: How to post an announcement, student of the month, word of the week, or new assignments