SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
Fecha de la versión: Agosto de 2015
Actualizaciones:
3
Una animación que realiza la misma acción una y otra vez pierde su atractivo. La creación de animaciones
en las que el usuario puede dictar lo que ocurre aumenta el interés y la duración del programa.
4
Los eventos son las cosas que ocurren cuando se cumple una determinada condición. Ya sea presionar una
tecla o hacer clic con el mouse o moverlo, o si el objeto está en un lugar específico de la animación. Un
evento también se puede disparar en el momento de la animación.
5
La forma de codificar un evento depende totalmente del usuario. Puede tratarse de un simple
procedimiento que mueva un solo objeto o un procedimiento complejo que tenga repercusiones para
varios objetos del mundo.
6
Todas las teclas principales de un teclado se pueden codificar para que se disparen para un evento.
7
8
Al codificar las teclas de flecha para controlar el objeto, tenga en cuenta que las cuatro teclas de flecha
están vinculadas a las teclas W, A, S y D. No podrá utilizar estos dos juegos de teclas para una partida de
dos jugadores, ya que producen la misma entrada.
9
10
Hay varios submenús que se pueden utilizar para especificar exactamente lo que es el disparador del
evento. Eche un vistazo a los menús y familiarícese con todas las opciones.
11
12
El botón addEventlistener es con el que se crean todos los eventos. Puede crear todos los eventos que
desee. Tenga cuidado de no codificar eventos que se contradigan entre sí, si ambos se ejecutan al mismo
tiempo.
13
Cuando se crean bloques de código con varias sentencias anidadas, es recomendable agregar siempre
comentarios al código para que sea más fácil leerlo y comprenderlo.
14
Al colocarlo delante de la llamada myFirstMethod, el procedimiento appear se ejecutará por completo
antes de que comience la animación. Esto es útil si desea crear una secuencia de apertura para la
animación.
15
En esta lista puede seleccionar entre la mayoría de las teclas disponibles en un teclado para el disparador
del evento.
16
17
18
19
True se utiliza aquí como valor de marcador de posición.
20
21
22
23
La diferencia entre estos dos métodos es que si se colocan las sentencias IF en la parte ELSE de la sentencia,
en cuanto una condición es true el resto no se comprueba. Si crea sentencias IF independientes, se
comprobarán todas independientemente de la condición que se cumpla. El primer método solo lee una
única tecla. El segundo permite pulsar varias teclas al mismo tiempo para obtener un movimiento en
diagonal, por ejemplo.
24
La diferencia entre estos dos métodos es que si se colocan las sentencias IF en la parte ELSE de la sentencia,
en cuanto una condición es true el resto no se comprueba. Si crea sentencias IF independientes, se
comprobarán todas independientemente de la condición que se cumpla. El primer método solo lee una
única tecla. El segundo permite pulsar varias teclas al mismo tiempo para obtener un movimiento en
diagonal, por ejemplo.
25
26
27
28
29
30
Como habrá podido comprobar, crear animaciones con todos los detalles supone mucho trabajo. La
transferencia de código de una clase de una animación a otra es una función extraordinariamente útil de
Alice 3. Una clase se puede transferir totalmente o por partes, lo que le permite tomar solo las partes que
necesite.
31
Como habrá podido comprobar, crear animaciones con todos los detalles supone mucho trabajo. La
transferencia de código de una clase de una animación a otra es una función extraordinariamente útil de
Alice 3. Una clase se puede transferir totalmente o por partes, lo que le permite tomar solo las partes que
necesite.
32
33
Al guardar la clase a la carpeta MyClasses, aparecerá en la galería de editores de escena bajo el separador
My Classes.
34
El separador inicial es una forma de crear animaciones en un mundo relleno previamente, de modo que no
tenga que agregar y colocar los objetos de escenario.
35
El separador My Classes proporciona un acceso sencillo a las clases que ha guardado en la carpeta
myClasses. Si ha guardado las clases en otro lugar, puede navegar posteriormente a ellas mediante el botón
Browse.
36
El campo de selección de la columna de la izquierda permite seleccionar los procedimientos que desea
incorporar a la animación.
37
38
De esta forma podrá crear rápidamente una animación con todo el código existente. Esto se denomina
biblioteca de código los programadores y es una práctica común en el sector.
39
40
41
Capítulo 11

Más contenido relacionado

La actualidad más candente (8)

PDF 3
PDF 3PDF 3
PDF 3
 
PDF 4
PDF 4PDF 4
PDF 4
 
Teclado de la computadora
Teclado de la computadoraTeclado de la computadora
Teclado de la computadora
 
Teclado manuel barraza 1ºh
Teclado manuel barraza 1ºhTeclado manuel barraza 1ºh
Teclado manuel barraza 1ºh
 
Desplazamiento en la hoja de calculo
Desplazamiento en la hoja de calculoDesplazamiento en la hoja de calculo
Desplazamiento en la hoja de calculo
 
Desplazamiento en la hoja de calculo
Desplazamiento en la hoja de calculoDesplazamiento en la hoja de calculo
Desplazamiento en la hoja de calculo
 
Combinaciones de teclas en windows7
Combinaciones de teclas en windows7Combinaciones de teclas en windows7
Combinaciones de teclas en windows7
 
PDF 5
PDF 5PDF 5
PDF 5
 

Similar a Capítulo 11 (20)

Capítulo 1
Capítulo 1Capítulo 1
Capítulo 1
 
Jf 2 1_sg_esp(3)
Jf 2 1_sg_esp(3)Jf 2 1_sg_esp(3)
Jf 2 1_sg_esp(3)
 
CAPITULO 1 ALICE
CAPITULO 1 ALICECAPITULO 1 ALICE
CAPITULO 1 ALICE
 
CAPITULO 1 DE ALICE
CAPITULO 1 DE ALICECAPITULO 1 DE ALICE
CAPITULO 1 DE ALICE
 
ALICE Capitulo 1
ALICE Capitulo 1ALICE Capitulo 1
ALICE Capitulo 1
 
Alice1
Alice1Alice1
Alice1
 
capitulo 1
capitulo 1capitulo 1
capitulo 1
 
Alice 1
Alice 1Alice 1
Alice 1
 
Jf 2 1_sg_esp(3)
Jf 2 1_sg_esp(3)Jf 2 1_sg_esp(3)
Jf 2 1_sg_esp(3)
 
Cap1
Cap1Cap1
Cap1
 
Alice 1
Alice 1Alice 1
Alice 1
 
Jf 2 1_sg_esp(3)
Jf 2 1_sg_esp(3)Jf 2 1_sg_esp(3)
Jf 2 1_sg_esp(3)
 
leccion 1
leccion 1leccion 1
leccion 1
 
ALICE 1
ALICE 1ALICE 1
ALICE 1
 
Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)
 
leccion 3
leccion 3leccion 3
leccion 3
 
Alice 3
Alice 3Alice 3
Alice 3
 
Capítulo 3
Capítulo 3Capítulo 3
Capítulo 3
 
Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)
 
CAPITULO 3 ALICE
CAPITULO 3 ALICECAPITULO 3 ALICE
CAPITULO 3 ALICE
 

Más de ArmandoC42 (20)

Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Topologías de la red
Topologías de la redTopologías de la red
Topologías de la red
 
Características y partes de un sitio web
Características y partes de un sitio webCaracterísticas y partes de un sitio web
Características y partes de un sitio web
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Capítulo 14
Capítulo 14Capítulo 14
Capítulo 14
 
Capítulo 13
Capítulo 13Capítulo 13
Capítulo 13
 
Capítulo 12
Capítulo 12Capítulo 12
Capítulo 12
 
Capítulo 10
Capítulo 10Capítulo 10
Capítulo 10
 
Capítulo 9
Capítulo 9Capítulo 9
Capítulo 9
 
Capítulo 8
Capítulo 8Capítulo 8
Capítulo 8
 
Capítulo 7
Capítulo 7Capítulo 7
Capítulo 7
 
Capítulo 6
Capítulo 6Capítulo 6
Capítulo 6
 
Capítulo 5
Capítulo 5Capítulo 5
Capítulo 5
 
Capítulo 4
Capítulo 4Capítulo 4
Capítulo 4
 
Capítulo 2
Capítulo 2Capítulo 2
Capítulo 2
 
Practica 14 de_alice
Practica 14 de_alicePractica 14 de_alice
Practica 14 de_alice
 
Practica 13 de_alice(2)
Practica 13 de_alice(2)Practica 13 de_alice(2)
Practica 13 de_alice(2)
 
Practica 12 alice
Practica 12 alicePractica 12 alice
Practica 12 alice
 
Practica 11
Practica 11Practica 11
Practica 11
 
Practica 10 de_alice_3
Practica 10 de_alice_3Practica 10 de_alice_3
Practica 10 de_alice_3
 

Último

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 

Último (20)

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 

Capítulo 11

  • 1. Fecha de la versión: Agosto de 2015 Actualizaciones:
  • 2.
  • 3. 3
  • 4. Una animación que realiza la misma acción una y otra vez pierde su atractivo. La creación de animaciones en las que el usuario puede dictar lo que ocurre aumenta el interés y la duración del programa. 4
  • 5. Los eventos son las cosas que ocurren cuando se cumple una determinada condición. Ya sea presionar una tecla o hacer clic con el mouse o moverlo, o si el objeto está en un lugar específico de la animación. Un evento también se puede disparar en el momento de la animación. 5
  • 6. La forma de codificar un evento depende totalmente del usuario. Puede tratarse de un simple procedimiento que mueva un solo objeto o un procedimiento complejo que tenga repercusiones para varios objetos del mundo. 6
  • 7. Todas las teclas principales de un teclado se pueden codificar para que se disparen para un evento. 7
  • 8. 8
  • 9. Al codificar las teclas de flecha para controlar el objeto, tenga en cuenta que las cuatro teclas de flecha están vinculadas a las teclas W, A, S y D. No podrá utilizar estos dos juegos de teclas para una partida de dos jugadores, ya que producen la misma entrada. 9
  • 10. 10
  • 11. Hay varios submenús que se pueden utilizar para especificar exactamente lo que es el disparador del evento. Eche un vistazo a los menús y familiarícese con todas las opciones. 11
  • 12. 12
  • 13. El botón addEventlistener es con el que se crean todos los eventos. Puede crear todos los eventos que desee. Tenga cuidado de no codificar eventos que se contradigan entre sí, si ambos se ejecutan al mismo tiempo. 13
  • 14. Cuando se crean bloques de código con varias sentencias anidadas, es recomendable agregar siempre comentarios al código para que sea más fácil leerlo y comprenderlo. 14
  • 15. Al colocarlo delante de la llamada myFirstMethod, el procedimiento appear se ejecutará por completo antes de que comience la animación. Esto es útil si desea crear una secuencia de apertura para la animación. 15
  • 16. En esta lista puede seleccionar entre la mayoría de las teclas disponibles en un teclado para el disparador del evento. 16
  • 17. 17
  • 18. 18
  • 19. 19
  • 20. True se utiliza aquí como valor de marcador de posición. 20
  • 21. 21
  • 22. 22
  • 23. 23
  • 24. La diferencia entre estos dos métodos es que si se colocan las sentencias IF en la parte ELSE de la sentencia, en cuanto una condición es true el resto no se comprueba. Si crea sentencias IF independientes, se comprobarán todas independientemente de la condición que se cumpla. El primer método solo lee una única tecla. El segundo permite pulsar varias teclas al mismo tiempo para obtener un movimiento en diagonal, por ejemplo. 24
  • 25. La diferencia entre estos dos métodos es que si se colocan las sentencias IF en la parte ELSE de la sentencia, en cuanto una condición es true el resto no se comprueba. Si crea sentencias IF independientes, se comprobarán todas independientemente de la condición que se cumpla. El primer método solo lee una única tecla. El segundo permite pulsar varias teclas al mismo tiempo para obtener un movimiento en diagonal, por ejemplo. 25
  • 26. 26
  • 27. 27
  • 28. 28
  • 29. 29
  • 30. 30
  • 31. Como habrá podido comprobar, crear animaciones con todos los detalles supone mucho trabajo. La transferencia de código de una clase de una animación a otra es una función extraordinariamente útil de Alice 3. Una clase se puede transferir totalmente o por partes, lo que le permite tomar solo las partes que necesite. 31
  • 32. Como habrá podido comprobar, crear animaciones con todos los detalles supone mucho trabajo. La transferencia de código de una clase de una animación a otra es una función extraordinariamente útil de Alice 3. Una clase se puede transferir totalmente o por partes, lo que le permite tomar solo las partes que necesite. 32
  • 33. 33
  • 34. Al guardar la clase a la carpeta MyClasses, aparecerá en la galería de editores de escena bajo el separador My Classes. 34
  • 35. El separador inicial es una forma de crear animaciones en un mundo relleno previamente, de modo que no tenga que agregar y colocar los objetos de escenario. 35
  • 36. El separador My Classes proporciona un acceso sencillo a las clases que ha guardado en la carpeta myClasses. Si ha guardado las clases en otro lugar, puede navegar posteriormente a ellas mediante el botón Browse. 36
  • 37. El campo de selección de la columna de la izquierda permite seleccionar los procedimientos que desea incorporar a la animación. 37
  • 38. 38
  • 39. De esta forma podrá crear rápidamente una animación con todo el código existente. Esto se denomina biblioteca de código los programadores y es una práctica común en el sector. 39
  • 40. 40
  • 41. 41