impactjs lightening talk.key
DESCRIPTION
A short introduction of the HTML5 game engine, Impact.js with useful plugins, resources sharing and a casino game made in Taiwan.TRANSCRIPT
![Page 1: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/1.jpg)
HTML5 GAME ENGINE
![Page 2: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/2.jpg)
• official website
http://impactjs.com
![Page 3: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/3.jpg)
Game List
![Page 4: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/4.jpg)
2D Platformer
• action
• shooting
• puzzle
• casino ?
![Page 5: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/5.jpg)
Supports WebGL
![Page 6: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/6.jpg)
Map Editor
• Weltmeister - Runs on PHP
![Page 7: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/7.jpg)
Community Support
• Point of Impact
![Page 8: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/8.jpg)
Make Game On Canvas
![Page 9: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/9.jpg)
Framework Concept
• Event Driven
• Game Loop
![Page 10: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/10.jpg)
Useful Features
• ua
• animation
• entity
• sound
• plugin
• loader
• box2D
• inheritance
![Page 11: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/12.jpg)
Compatibility
• Firefox, Chrome, Safari, Opera and IE9
![Page 13: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/14.jpg)
Go Native on iOS
![Page 15: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/15.jpg)
Cross Platform
• appMobi ( Now Intel )
• CocoonJS
![Page 16: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/16.jpg)
Other JS Libraries
• Construct 2
• CAAT
• KinecticJS
• GSAP
![Page 17: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/17.jpg)
luck lane
Made In Taiwan
![Page 18: Impactjs lightening talk.key](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/55498c78b4c90583678b51de/html5/thumbnails/19.jpg)
about me廖⼀一帆Front End Engineer
github.com/begeeben
Yi-Fan Liao
begeeben.wordpress.com/
www.facebook.com/yifan.liao