Return to Video

Special ProcessingJS functions

  • 0:00 - 0:02
    En este momento, tu puedes notar que has estado definiendo
  • 0:02 - 0:03
    una función en particular cada ves que buscar animar tu programa.
  • 0:03 - 0:07
    la función "draw".
  • 0:07 - 0:09
    Para recordartelo, aquí tenemos nuestro programa del carro animado de nuevo.
  • 0:09 - 0:13
    El cual tiene una variable llamada x, que comienza en 11.
  • 0:13 - 0:17
    y entonces dentro de la función "draw" el dibuja el carro en esta variable x,
  • 0:17 - 0:23
    y añade 3 unidades a la variable x.
  • 0:23 - 0:27
    y esto hace que el carro
  • 0:27 - 0:29
    se mueva tres pixeles en la pantalla continuamente.
  • 0:29 - 0:32
    Y así es como funciona.
  • 0:32 - 0:35
    Pero ahora que tu aprendiste a hacer tus propias funciones.
  • 0:35 - 0:38
    quizás te preguntaras. ¿que pasa con esta funcion "draw"?
  • 0:38 - 0:42
    ¿por que siempre se llama "draw"?
  • 0:42 - 0:44
    ¿Es una función personalizada?
  • 0:44 - 0:46
    Y estas son muy buenas preguntas.
  • 0:46 - 0:49
    Veras, en la librería ProcessingJS,
  • 0:49 - 0:52
    la función "draw" es una de las pocas funciones predefinidas
  • 0:52 - 0:56
    Que dan a nuestros programas más control sobre lo que pasa en la pantalla.
  • 0:56 - 1:01
    Una función predefinida, es una función que ya ha sido definida
  • 1:01 - 1:05
    Por la librería ProcessingJS.
  • 1:05 - 1:07
    Pero usualmente comienza como una función vacía.
  • 1:07 - 1:11
    por ejemplo, en ProcessingJS, el código se ve como esto:
  • 1:11 - 1:17
    `var draw = function() { }`
  • 1:17 - 1:19
    y entonces la función esta vacía, completamente vacia.
  • 1:19 - 1:23
    Ahora, nosotros cargamos ProcessingJS en cada programa aqui en Khan Academy,
  • 1:23 - 1:29
    Pero tu nunca ves este codigo.
  • 1:29 - 1:31
    Pero créeme, existe.
  • 1:31 - 1:34
    No traducción disponible.
  • 1:34 - 1:41
    Ahora cuando tu defines la función "draw" en tu programa,
  • 1:41 - 1:45
    esta nueva función sobrescribe la anterior definicion
  • 1:45 - 1:50
    y ahora la función "draw"
  • 1:50 - 1:52
    hace cosas interesantes, como dibujar un carro.
  • 1:52 - 1:55
    pero, ¿y por que la función "draw" se ejecuta una y otra ves?
  • 1:55 - 2:01
    bueno, el código de la librería processingJS
  • 2:01 - 2:06
    hace que el navegador ejecute la función repetidamente
  • 2:06 - 2:11
    y otra ves, y otra ves.
  • 2:11 - 2:14
    nosotros tenemos que llamar la función "draw", por que ese es el nombre de la funcion
  • 2:14 - 2:19
    que processingJS llama repetidamente.
  • 2:19 - 2:22
    si nosotros la renombramos como "drawCar"
  • 2:22 - 2:28
    esto nos genera un error, debido a que debimos escribir "var drawCar"
  • 2:28 - 2:34
    pero si ves, al renombrar esto como "drawCar"
  • 2:34 - 2:37
    nosotros no vemos mas la animacion.
  • 2:37 - 2:40
    esto es debido a que la función no esta siendo ejecutada repetidamente,
  • 2:40 - 2:45
    debido a que no es llamada "draw".
  • 2:45 - 2:47
  • 2:47 - 2:51
  • 2:51 - 2:56
  • 2:56 - 3:01
  • 3:01 - 3:03
  • 3:03 - 3:07
  • 3:07 - 3:13
  • 3:13 - 3:18
  • 3:18 - 3:24
  • 3:24 - 3:28
  • 3:28 - 3:31
  • 3:31 - 3:35
  • 3:35 - 3:40
  • 3:40 - 3:43
  • 3:43 - 3:48
  • 3:48 - 3:50
  • 3:50 - 3:53
  • 3:53 - 3:57
  • 3:57 - 4:02
  • 4:02 - 4:05
  • 4:05 - 4:09
  • 4:09 - 4:16
  • 4:20 - 4:23
  • 4:23 - 4:27
  • 4:27 - 4:31
  • 4:31 - 4:35
  • 4:35 - 4:38
  • 4:38 - 4:42
  • 4:42 - 4:44
  • 4:44 - 4:52
  • 4:52 - 4:55
  • 4:55 - 4:58
  • 4:58 - 5:01
  • 5:01 - 5:05
  • 5:05 - 5:10
  • 5:10 - 5:13
  • 5:13 - 5:16
  • 5:16 - 5:20
  • 5:20 - 5:23
  • 5:23 - 5:27
  • 5:27 - 5:31
  • 5:31 - 5:35
  • 5:35 - 5:37
  • 5:37 - 5:41
  • 5:41 - 5:45
  • 5:45 - 5:49
  • 5:49 - 5:54
  • 5:54 - 5:59
  • 5:59 - 6:03
  • 6:03 - 6:06
Title:
Special ProcessingJS functions
Description:

more » « less
Video Language:
English
Duration:
06:08

Spanish subtitles

Incomplete

Revisions