Created
January 28, 2015 21:46
-
-
Save xfry/e9beced01b1c6b3c7e83 to your computer and use it in GitHub Desktop.
Borrador charla invitación a juegosjs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Juegos.js introducción | |
Presentación personal | |
Fredy E Mena Andrade, Javascript frontend developer + Unity C#, organizador Hackdó y Quibdójs. Apasionado por los videojuegos 2D. | |
@xfry en twitter, github.com/xfry. | |
Javascript y HTML5 para la creación de videojuegos. | |
Canvas. | |
--Canvas es un elemento del DOM que pone a nuestra disposición una API para la manipulación de | |
imágenes jpeg, png, webp; gráficos y texto, etc, en porciones de tu página web, | |
esto lo hace idóneo para la creación de videojeugos 2D. | |
--Compatibilidad de HTML5 con diversos browsers: http://caniuse.com/ | |
EL argot que debes conocer para entender la creación de videojuegos. | |
Game Loop | |
El game loop es el código central de tu videojuego, y esta compuesto de funcionalidades como | |
Inicializar, Capturar eventos, Actualizar, Dibujar, Limpiar. | |
Entities | |
Clase que contiene la lógica única de un objeto en el mundo | |
permite mantener el rastreo de las acciones de un objetos en el mundo de juego, como enlazar el mismo | |
al motor de física que usemos. | |
Assets Loading | |
Permite cargar todas las imágenes, archivos javascript, sonido y fx que contendrá nuestro juego. | |
Inputs | |
Acciones que disparan eventos del Mouse, o del teclado, sean de entrada o salida. | |
Physics Engines | |
Permite simular colisiones y física del mundo real en nuestros videojuegos. | |
Existen motores como Box2D que posee framworks para su fácil uso http://incompl.github.io/boxbox/ | |
Atlases | |
Cuando el manejo de imágenes en el canvas crece, necesitas ser más ágil, Atlas es la solución. | |
Los Atlases nos permiten insertar una colección de sprites en una sola imagen y así reducir | |
considerablemente el número de peticiones http. http://www.mapeditor.org/ | |
Sprite Sheets | |
Los sprites son una colección de imágenes puestas en una sola imagen. | |
Son hechas para la representación de animaciones de correr, saltar, Ooh! bailar ;) | |
y puedes utilizar herramientas para crear sprites como Stiches http://draeton.github.io/stitches/ | |
Limite de Request por navegadores | |
El limite de peticiones por navegador varia, existen sitios para investigarlo | |
http://www.browserscope.org/?category=network | |
¿Esta preparado javascript y HTML5 para la creación de videojuegos? | |
La respuesta es sí, en la actualidad existen librerías, frameworks y engines que nos permiten | |
desarrollar de manera rápida prototipos de nuestros videojuegos. | |
Libraries | |
paper.js | |
pixi.js | |
three.js | |
kinetic.js | |
fabric.js | |
easel.js | |
Frameworks / gameEngine | |
ImpactJS | |
Phaser | |
voxel | |
http://html5gameengine.com/ | |
http://techslides.com/html5-game-engines-and-frameworks/ | |
https://www.ludei.com/cocoonjs/ | |
Lista completa de Engines y librerías | |
https://gist.github.com/bebraw/768272 | |
¿Donde puedo promover mis juegos? | |
http://onegameamonth.com | |
http://www.truevalhalla.com/blog/list-of-html5-game-publishers-sponsors | |
www.gamejolt.com | |
www.ga.me | |
Jams o competencias | |
Existen competencias al rededor del mundo en las que puedes entrenarte | |
http://jams.gamejolt.com/browse/active | |
http://itch.io/jams | |
Comunidades y Blogs recomendados | |
http://www.html5gamedevs.com | |
gamedev.net | |
http://www.spacemonsters.co.uk/ | |
http://blog.sklambert.com/ | |
http://blog.lessmilk.com/ | |
Cuando inicia Juegos.js | |
La comunidad de Juegos.js nace como una rama de Medellínjs y dará inicio a charlas, talleres desde el Jueves 12 de febrero de 2015, en Atom House. Te mantendremos al tanto a través de Medellínjs, sobre nuestros primeros meetups. | |
Para más información visita: https://gist.github.com/xfry/17e58c39335601db83c5 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment