Adobe Animate (Scripting): HTML5 (Compatible con 2024)

Name: Adobe Animate (Scripting): HTML5 (Compatible con 2024)
Rating: 4.6 (121 reviews)

Utilización de javaScript y la librería CreateJS (Avanzado)

Highest Rated

Created byMartin Melendez

Last updated 9/2024

Spanish

What you'll learn

Crear Aplicaciones Web HTML5
Crear Videojuegos HTML5
Arquitectura profesional para la creación de aplicaciones HTML5
Realizar una Trivia (Preguntas y Respuestas)
Realizar un Drag and Drop (Puzzle)
Uso funciones Matemáticas
Usar el HitTest
Uso de Tween

Course content

8 sections • 53 lectures • 4h 49m total length

Introducción1:22
Si usas Adobe Animate 2020,2021,2022,2023,20244:19
Adobe Animate CC - Interface4:09
Panel que se utilizan más en Adobe Animate
Creacion de Simbolos5:28
Se explora 3 tipos de simbolos Graphics , MovieClip y Botón
Animacion - Interpolación5:15
Se crea interpolación de movimiento a un símbolo
Evaluación

Introducción0:11
Solo revisar esta sección si eres novato en programación. Si ya conoces algún lenguaje de programación como Java , C# , Python , C++ , JavaScript , etc te recomiendo que sigas directo a la Sección 3 - "Scripting - Advance"
Variables7:46
Variables sera muy buenos
Funciones6:24
Examen - JavaScript 1
Arreglos6:53
Examen - JavaScript 2
Condicionales5:46
Examen - JavaScript 3
Bucle - For3:45
Examen - Resumen

Recusos0:18
La presente sección explica como implementar un drag and drop para tus aplicaciones HTML5 , se te provee dos archivos el drag_sin_completar.fla para que puedas realizar el tutorial desde cero y el drag_completo.fla que contempla toda la solución.

Al finalizar el tutorial se te dejará una tarea para reforzar todo lo aprendido.
PDT: El archivo drag_completo_z_order.fla es una modificación del drag_completo.fla y hace que el movieclip que estás arrastrando esté siempre encima de los otros elementos.
Preparación de Recursos8:39
Eventos del Mouse10:20
Detección de Colisión8:53
Flujo de Interfaces9:29
Compartir Datos entre Interfaces6:06
Tarea -Drag and Drop0:07

Recursos0:07
La presente sección es acerca de implementar una aplicación Trivia (Preguntas y Respuestas) , se te provee dos archivos trivia_sin_completar.fla para que realices el tutorial y trivia_completo.fla que abarca toda la solución.

Al finalizar el tutorial se te dejará una tarea para reforzar todo lo aprendido.
Preparando Recursos8:53
Animacion de Interfaces7:57
Mostrar una pregunta11:55
Detectar Respuesta6:22
Cargar Otras preguntas11:38
Tarea -Trivia0:09

Recursos0:15
La presente sección explica como implementar un minijuego para tus aplicaciones HTML5 , se te provee dos archivos el shooter_man_sin_completar_v2.fla para que puedas realizar el tutorial desde cero y el shooter_main_completo_v2.fla que contempla toda la solución.
Preparando Recursos10:34
Movimiento del Player8:28
Rotación del Player8:45
Disparo del Player5:25
Creación del Enemigo11:57
Colisión14:20
Puntaje9:29
Tarea - Disparador0:22

Requirements

Tener instalado Adobe Animate versión 18.0+
Adobe Animate CC , lo básico .Si aun no lo tienes, la primera unidad te explica lo esencial de la herramienta.

Description

El curso te enseñará a realizar aplicaciones completas aplicadas a videojuegos o cualquier tipo de interactividad HTML5 desde cero. Se te mostrará un flujo de trabajo que podrás aplicarlo directamente a tus proyectos HTML5.

El material presentado aquí ha sido actualizado para dar compatibilidad a versiones 2018 , 2019 , 2020, 2021, 2022, 2023,2024+.

Los ejemplos brindados aquí fueron realizados en base de aplicaciones reales, todo el material es netamente práctico y disponible las 24 horas.

El lenguaje de programación es JavaScript , para aplicaciones más elaboradas usaremos la versión ES6 que nos permite el uso natural de programación orientada a objetos.

Si no sabes programar no te preocupes hay una sección ideal para ti donde aprenderemos lo esencial de JavaScript , sin rodeos , ni presentaciones , solo directo al código.

Además se plantean 3 prototipos

Drag and Drop (Puzzle) : Prototipo completo que permite arrastrar elementos hacia un objetivo.
Trivia (Preguntas y Respuestas) : Prototipo completo, se muestran preguntas con sus posibles opciones, si seleccionas la respuesta correcta acumulas puntaje.
Minijuego: Se utiliza programación orientada a objetos, se crea la entidades como el jugador , enemigos con sus respectivos movimientos, colisiones y puntaje.

::::: IMPORTANTE ::::::: : El 90% del material se enfoca a código JavaScript con la librería CreateJS, si buscas como crear elementos visuales de diseño como figuras , trazos , sprites , animación por huesos este curso no es el indicado. Si tienes conocimientos de dibujo , animación y necesitas dar interactividad , animar por código , crear videojuegos solo utilizando Adobe Animate este curso es perfecto para ti.

Who this course is for:

Cualquier persona que desee adicionar interactividad a sus aplicaciones HTML5
Diseñadores
Animadores
Programadores

Adobe Animate (Scripting): HTML5 (Compatible con 2024)

What you'll learn

Explore related topics

Course content

Introducción5 lectures • 21min

Scripting - Basic6 lectures • 31min

Scripting - Advance10 lectures • 40min

Scripting - Motion8 lectures • 30min

Prototipo - Puzzle - Drag And Drop7 lectures • 44min

Prototipo - Trivia7 lectures • 47min

Prototipo - Disparador de la Selva9 lectures • 1hr 10min

Extra1 lecture • 8min

Requirements

Description

Who this course is for: