< 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)
Martha Isabel Soriano Ruiz edited Spanish subtitles for Incrementing Shortcuts (Video Version)
Martha Isabel Soriano Ruiz edited Spanish subtitles for Incrementing Shortcuts (Video Version)

Spanish subtitles

Revisions

Our website uses cookies for analysis purposes.