Incrementing Shortcuts (Video Version)

This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/

¿Recuerdas los tres pasos para hacer una animación?

Comenzamos haciendo algunas variables fuera del ciclo draw y usamos esas variables dentro de dicho ciclo en nuestro código de dibujo

Entonces tenemos una variable para la posición en x, una para al posición en y, una para el ancho del balón y una para la altura del balón.

Y luego, hasta el final, cambiamos esas variables un poco cada vez, así x será el valor anterior de x mas uno, así que se incrementará cada vez;

"y" será el valor anterior de "y" menos 2, así que se reducirá cada vez;

ballWidth contendrá el valor anterior de ballWidth multiplicado por 0.99. Y como 0.99 es menor que 1 veremos reducirse el ancho del balón.

Y ballHeight contendrá el valor anterior de ballHeight dividido por 1.01,

que es mayor a 1 y, por lo tanto también veremos reducirse la altura del balón. Si presiono Reiniciar verás cambiar todos estos atributos del balón.

Y si ves estas cuatro líneas de código, te darás cuenta de que todas siguen un patrón similar. Tenemos una variable,

luego un signo de igual, depués la misma variable, algún operador - mas, menos, multiplicación, división - y un número, ¿si?

Y este patrón es tan común en programación y los programadores son tan flojos, que decidieron "¡Hey! Como usamos mucho este patrón,

¿no debería haber una forma mas fácil de escribirlo?" Y entonces hicieron un atajo, y el atajo es así:

En lugar de decir x contiene x mas 1, puedo decir x += 1. ¿Lo entendiste? Y en vez de decir y contiene y menos 2,

Puedo decir y -= 2.

Y en lugar de decir ballWidth contiene ballwidth multiplicado por 0.99, puedo decir - adivinaste - ballWidth *= 0.99

Por último, en vez de decir ballHeight contiene ballHeigth dividido por 1.01, podemos decir ballHeight /= 1.01

Así que para todas estas, lo que hace es tomar el valor de las variables, como ballWidth, y luego su operador, que entonces lo multiplica por 0.99

Así que dirá "ballWidth multiplcado por 0.99" y luego lo guarda de nuevo en la variable ballWidth. Si presiono reinicio puedes ver que nuestra animación se ve igual que antes.

¡Y ahora también tú puedes ser flojo!