Interactive video games on the web AND MOBILE

View Github Repository Open presentation in a new window

seacloud9

See all presentation from seacloud9

Interactive video games on the web AND MOBILE

0 1

webgl_notes

webgl_notes

On Github seacloud9 / webgl_notes

Interactive video games on the web AND MOBILE

Disclaimer

I am here on my own behalf and my views reflect only my own
and not my employer.  Everything that will be demonstrated
here will be free and open source all contents will be available 
for free on gitHub.com.

Platforms?

What makes a good game?

Usability / Custom Made for the Platform
  • Mobile one finger only.
  • Mobile FPS are really challenging (RAGE)
Fun and Imaginative  Storyline Cool Graphics / Art Direction Time / Money / Passion

What Games have I made?

  • What platform did you use to build it?
    • C# / Unity3d / Indy Version
  • What would you change / where have you failed?
    • Make it more useable by customizable controls.
    • Depend less on third party models
    • Make a web version available without a plugin.
    • I would choose a platform that is more open. 
    • I would create a story line that is engaging that the user is more likely to take personal interest in possibly based off of social information and location.

Examples of Awesome Games

WebGL Games Mobile Games Air / Flash Games  

So What Game Did you make?

OmegaInvaders
inspired by Away3d Invaders and
Technology Used:

Why VoxelJS?

  • Algorithmic game creation / less dependency on models!
  • Voxels aren't just for MineCraft!
  • VoxelJS is built with node so it has a large package library
  • VoxelJS is built by some really awesome developers but if you so choose you too can create your own voxel library. 
  • VoxelJS provides built in Physics, Events, Modular design
  • Some people may have issues with it but it is their own fault.

Why Use a voxel library

  • With voxels you can make blocky models that borrow from the 8-bit era.
  • You can create algorithmic content, landscape, models, etc.. 
  •  By not loading costly models your game can run faster.
  • It is more cost efficient then purchasing expensive models.
  • Because generative art / games can be really cool!
Side Note Generative Art?

Omega Invaders

  • I built a few new modules on top of VoxelJS
    • Bullets
    • Invader Module that uses Jared Tarbells Algorithm 
  • It's not finished it is a Work In Progress
    • separate the ui into a module of its own. 
    • add touch and device orientation
    • refine the design and shader usage.
    • Add Sound effects
    • Radar
    • Boids
    • Multiplayer?

How was the ui built?

  • EaselJS its like flash in a canvas
  • The canvas responds to screen size
  • EaselJS makes it easy to create UIs 
    • Great Preloading Library
    • Custom Fonts (via css3)
    • Asset Management Images / Sprites
    • Supports a straight forward flash like api. 

What about PixiJS?

  • Everyone thinks of 3D first but webGL is also for 2D.
  • PixiJS like EaselJS is a flash like api
  • How is PixiJS different from EaselJS? (webGL or Canvas)
  • There is haXe Support for PixiJS / PhaserJS
  • It is easy to build UIs with these libraries. 
  • PixiJS also comes with a few filters
  • Why do you keep mentioning flash?
  • PixiJS is great for creating simple blasters, puzzels, and adventure games.

What Platforms do you like

  • I like platforms that are flexible
  • Avoid vendor lock-in / No black boxes 
  • Code once deploy everywhere
  • So other than HTML5 I would pick openFL / haXe 
    • OpenFL supports the following Targets:
      • Windows
      • Mac
      • Linux
      • iOS
      • Android
      • BlackBerry
      • Tizen
      • Emscripten
      • HTML5

So thats nice but..

  • Does it support threeJS?
  • What would you gain by porting it over?
  • Who would it benefit?

I would like to thank:

VonChurch for hosting
VoxelJS creators (Max Ogden and Company)
Also for learning I am recommending the following books:

Resources Game Development: