Skip to content

Instantly share code, notes, and snippets.

@xfry
Created January 28, 2015 21:46
Show Gist options
  • Save xfry/e9beced01b1c6b3c7e83 to your computer and use it in GitHub Desktop.
Save xfry/e9beced01b1c6b3c7e83 to your computer and use it in GitHub Desktop.
Borrador charla invitación a juegosjs
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