19
HTML5 GAME ENGINE

Impactjs lightening talk.key

Embed Size (px)

DESCRIPTION

A short introduction of the HTML5 game engine, Impact.js with useful plugins, resources sharing and a casino game made in Taiwan.

Citation preview

Page 1: Impactjs lightening talk.key

HTML5 GAME ENGINE

Page 2: Impactjs lightening talk.key

• official website

http://impactjs.com

Page 3: Impactjs lightening talk.key

Game List

Page 4: Impactjs lightening talk.key

2D Platformer

• action

• shooting

• puzzle

• casino ?

Page 5: Impactjs lightening talk.key

Supports WebGL

Page 6: Impactjs lightening talk.key

Map Editor

• Weltmeister - Runs on PHP

Page 7: Impactjs lightening talk.key

Community Support

• Point of Impact

Page 8: Impactjs lightening talk.key

Make Game On Canvas

Page 9: Impactjs lightening talk.key

Framework Concept

• Event Driven

• Game Loop

Page 10: Impactjs lightening talk.key

Useful Features

• ua

• animation

• entity

• sound

• plugin

• loader

• box2D

• inheritance

Page 11: Impactjs lightening talk.key

Useful Plugins

• Button

• https://gist.github.com/Houly/1395616

• Touch Button

• https://gist.github.com/phoboslab/3773386

• Event

• http://www.pointofimpactjs.com/plugins/view/7/impact-events

• Tween

• https://github.com/nefD/impact-tween

Page 12: Impactjs lightening talk.key

Compatibility

• Firefox, Chrome, Safari, Opera and IE9

Page 13: Impactjs lightening talk.key

Desktop Only?

• All iOS devices

• Android devices with HTML5 capability

• Only one sound can be played at a time

Page 14: Impactjs lightening talk.key

Go Native on iOS

Page 15: Impactjs lightening talk.key

Cross Platform

• appMobi ( Now Intel )

• CocoonJS

Page 16: Impactjs lightening talk.key

Other JS Libraries

• Construct 2

• CAAT

• KinecticJS

• GSAP

Page 17: Impactjs lightening talk.key

luck lane

Made In Taiwan

Page 18: Impactjs lightening talk.key

Resources

• Javascript Game Engine Comparison

• http://asmallgame.com/labsopen/webgl_impact/

• Basic Game Structure With ImpactJS & CocoonJS

• Better JavaScript animations with requestAnimationFrame

Page 19: Impactjs lightening talk.key

about me廖⼀一帆Front End Engineer

[email protected]

github.com/begeeben

Yi-Fan Liao

begeeben.wordpress.com/

www.facebook.com/yifan.liao