– Video Games – About me
Video Games
with
@rafinskipg
About me
- Web, JavaScript (Front&Back)
Software developer
We make mobile advertisements
I work at
But..
WhaT IS A GAME MADE OF?
Ok let's GET DIRTY!
Entities
Creatures
Weapons
Bullets
Enemies
Bonuses
Splashes, Explosions, etc...
Input & OutpuT
Move your entities
Add sounds!
Make your phone brrr
AnimationS
2D
Sprites
3d
Modeling
A game design
What's the purpose?Defining your idea
Prototyping
Iterate
Title
Let's GET TECHIE!
WHAT IS HTML 5, MOTHERFUCKER?
What are you talking ABOUT?
I have no idea what it means!
A website is composed by:
Dom Elements
CSS
JavaScript Code
Rendering
DOM Elements + CSS
Canvas
WebGL
What do I CHOOSE?
CSS, DOM
Good For: Simple animations.
O-Game, forms
2D Games, just write code and forgot about the DOM,
Pros: High Support
Cons: Less FPS than WebGL
WebGL:
2D and 3D games with complex animations
Cons: Harder , Low support on mobile
Pros: GPU acceleratedLibs: ThreeJs , PixiJS
https://www.youtube.com/watch?v=_RRnyChxijA
http://www.pixijs.com/
http://greggman.github.io/webgl-fundamentals/webgl/lessons/webgl-2d-vs-3d-library.html
https://www.scirra.com/blog/58/html5-2d-gaming-performance-analysis
http://stackoverflow.com/questions/12758915/canvas-2d-context-or-webgl-for-2d-game
We picked Canvas
it was the standard for HTML5 2D games
it doesn't exclude the use of DOM controls
Now frameworks like PixiJS allows you to write JS and forgot about the rendering technology