Html5 game development

50 %
50 %
Information about Html5 game development
Technology

Published on March 17, 2014

Author: ghilliraj

Source: slideshare.net

GAME ON! Developing HTML5 Games Rajasekar @rajzshkr

What/Why Game?

Gaming Industry

Game Development Process • Ideation • Concept Document • Game Design • Leader boards/Profiling/ Points • Art Design • Coding • Physics engines/AI Engines/ Testing • Release • Upgrading

Gaming Platforms

Why Hybrid Game?

Hybrid Frameworks • Easel JS • Construct 2 • Three.js • Lime JS • enchant.js • Phaser JS SRC - http://html5gameengine.com/

Anatomy of a Game LOGIC JavaScript code GRAPHICS canvas INPUT onkeydown, onmousedown SOUND Audio MUSIC Audio MULTIPLAYER Ajax, Web sockets GAME ASSETS Images, Audio, Video and Binary supported by browsers

Initiate Phaser var game = new Phaser.Game(400, 490, Phaser.AUTO, 'game_div');

Gaming Logic var main_state = { preload: function() { // Function called first to load all the assets }, create: function() { // Fuction called after 'preload' to setup the game }, update: function() { // Function called 60 times per second }, };

Start the game game.state.add('main', main_state); game.state.start('main');

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

HTML5 Game Development | Welcome To Your One Stop Shop For ...

Welcome to your one stop shop for information on HTML5 Game Development, news, tutorials, and information. We cover anything that helps you create dynamic ...
Read more

HTML5 Game Development | Udacity

Learn how to build high-performance web games with HTML5. We'll port industry-standard development techniques to the web and use them to create a game.
Read more

Forums - HTML5 Game Devs Forum

The latest HTML5 Game Dev news. Articles, game releases, frameworks, demos, videos, tutorials, ... Showcase finished and in-development games.
Read more

Getting Started With HTML5 Game Development ★ Mozilla ...

Most of the audience here already sees the value in HTML5, but I want to re-iterate why you should be building an HTML5 game. If you are just targeting iOS ...
Read more

HTML5 Game Dev Tutorials using TypeScript

Enter TypeScript. Game Development is a lot easier with OOP. ... TypeScript HTML5 Game Tutorials. Here are some TypeScript HTML 5 Game Dev Tutorials:
Read more

Intro to HTML5 Game Development | Zenva Academy

learn the basics of HTML5 game development by creating your first Mario-style platformer game. All of it using 100% free tools and frameworks!
Read more

HTML5 Engines | HTML5 Game Development

Everyone needs a good HTML5 game engine to work with. No point re-inventing the wheel. We curate a list of HTML5 game engines that are roaming the web.
Read more

HTML5 Game Development with Phaser - Lynda.com

Learn how to use the fun, fast, and free Phaser framework to build both desktop and mobile games using HTML5 and JavaScript.
Read more

Current state of HTML5 game development in 2016 - JS ...

Guest Article by Andrzej Mazur I was asked to write a brief overview of web-based gaming for the JS Kongress conference where I’m part of the program ...
Read more

HTML5 Games - Play for free online

Play the best HTML5 games for free. HTML5games.com offers worlds first affiliate program for publishers.
Read more