< Return to Video

Atajos para incrementar (Versión en Video)

  • 0:02 - 0:04
    ¿Recuerdas los tres pasos para hacer una animación?
  • 0:04 - 0:07
    Comenzamos haciendo algunas variables fuera del ciclo "draw",
  • 0:07 - 0:10
    y usamos esas variables dentro de dicho ciclo en nuestro código de dibujo.
  • 0:10 - 0:13
    Entonces tenemos una variable para la posición en "x", una para la posición en "y",
  • 0:13 - 0:16
    una para el ancho del balón y una para la altura del balón.
  • 0:16 - 0:21
    Y luego, hasta el final, cambiamos esas variables un poco cada vez,
  • 0:21 - 0:25
    así "x" será el valor anterior de "x" más uno, así que se incrementará cada vez;
  • 0:25 - 0:30
    "y" será el valor anterior de "y" menos 2, así que se reducirá cada vez;
  • 0:30 - 0:36
    "ballWidth" contendrá el valor anterior de "ballWidth" multiplicado por 0.99.
  • 0:36 - 0:39
    Y como 0.99 es menor que 1 veremos reducirse el ancho del balón.
  • 0:39 - 0:46
    Y "ballHeight" contendrá el valor anterior de "ballHeight" dividido entre 1.01,
  • 0:46 - 0:49
    que es mayor a 1 y, por lo tanto también veremos reducirse la altura del balón.
  • 0:49 - 0:54
    Si presiono "Reiniciar" verás cambiar todos estos atributos del balón.
  • 0:54 - 0:59
    Y si ves estas cuatro líneas de código, te darás cuenta de que todas siguen un patrón similar.
  • 0:59 - 1:00
    Tenemos una variable,
  • 1:00 - 1:02
    luego un signo de igual, después la misma variable,
  • 1:02 - 1:09
    algún operador - más, menos, multiplicación, división - y un número, ¿está bien?
  • 1:09 - 1:12
    Y este patrón es tan común en programación,
  • 1:12 - 1:15
    y los programadores son tan flojos, que decidieron
  • 1:15 - 1:19
    "¡Hey! Como usamos mucho este patrón, ¿no debería haber una forma más fácil de escribirlo?"
  • 1:19 - 1:22
    Y entonces hicieron un atajo, y el atajo es así:
  • 1:22 - 1:29
    En lugar de decir "x" contiene "x" más 1, puedo decir "x += 1".
  • 1:29 - 1:32
    ¿Lo entendiste? Y en vez de decir "y" contiene "y" menos 2,
  • 1:32 - 1:37
    Puedo decir "y -= 2".
  • 1:37 - 1:42
    Y en lugar de decir "ballWidth" contiene "ballwidth" multiplicado por 0.99,
  • 1:42 - 1:48
    puedo decir - adivinaste - "ballWidth *= 0.99".
  • 1:48 - 1:52
    Por último, en vez de decir "ballHeight" contiene "ballHeigth" dividido entre 1.01,
  • 1:52 - 1:58
    podemos decir "ballHeight /= 1.01".
  • 1:58 - 2:02
    Así que para todas éstas, lo que hace es tomar el valor de las variables, como "ballWidth",
  • 2:02 - 2:06
    y luego su operador, que entonces lo multiplica por 0.99.
  • 2:06 - 2:12
    Así que dirá "ballWidth" multiplcado por 0.99 y luego lo guarda de nuevo en la variable "ballWidth".
  • 2:12 - 2:16
    Si presiono "Reiniciar" puedes ver que nuestra animación se ve igual que antes.
  • 2:16 - 2:19
    ¡Y ahora también tú puedes ser flojo!
Title:
Atajos para incrementar (Versión en Video)
Description:

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/
more » « less
Video Language:
English
Duration:
02:20
Martha Isabel Soriano Ruiz edited Spanish subtitles for Incrementing Shortcuts (Video Version) Mar 4, 2016, 1:34 AM
Martha Isabel Soriano Ruiz edited Spanish subtitles for Incrementing Shortcuts (Video Version) Jun 30, 2015, 7:03 PM
Martha Isabel Soriano Ruiz edited Spanish subtitles for Incrementing Shortcuts (Video Version) Jun 30, 2015, 6:44 PM

Spanish subtitles

Revisions

  • Revision 3 Edited
    Martha Isabel Soriano Ruiz Mar 4, 2016, 1:34 AM
Our website uses cookies for analysis purposes.