Games!!1!

  -  

Of course we're using Geolocation!

Who?

+


@


Blog:

Covering

Why is the web THE platform?

Chrome

200+ Million users

+ Firefox users

Source: http://www.wikipedia.org/

+ IE users

Source: http://www.wikipedia.org/

That's over a billion users

Not including all the mobile users

Source: http://www.flickr.com/photos/marcfonteijn/4655088409/

Distribution is simple

Its just http://a.url.com/

You can put it in stores

People can distribute it

Getting discovered is hard

The Web platform: The Technologies

Graphics

Obvious Demo

Graphics: WebGL

It's OpenGL ES 2.0 but in Javascript

Awesome Demo!!1!

Advanced Audio

Even more awesomeness

Offline Enabled

FileSystem API

Game Pad Access* + Pointer Lock

*This might change

function gamepadConnected(e) {
  gamepadId = e.gamepad.id;
  console.log("Gamepad Connected (id=" + gamepadId + ")");
}

window.addEventListener("GamepadConnected", gamepadConnected, false);
window.addEventListener("GamepadButtonDown", ... , false);

Sensor Access

Fullscreen content

<video width="300" src="movie.webm" controls></video>
<button onclick="enterFullscreen()">Get Huge!</button>
function enterFullscreen() {
  var elem = document.querySelector('body');
  elem.onwebkitfullscreenchange = function(e) {
    console.log("Entered fullscreen!");
    elem.onwebkitfullscreenchange = onFullscreenExit;
  };
  elem.webkitRequestFullScreen();
}

Demo

Camera & microphone access

Plugin-free camera, microphone, device access.

<video autoplay controls></video>
<input type="button" value="⚫" onclick="record(this)" id="start">
<input type="button" value="◼" onclick="stop(this)" id="stop" disabled>
var localMediaStream, recorder;

var record = function(button) {
  recorder = mediaStream.recorder();
};

var stop = function(button) {
  mediaStream.stop();
  recorder.getRecordedData(function(blob) {
    // Upload blob using XHR2.
  });
};

window.navigator.getUserMedia('video', function(stream) {
  document.querySelector('video').src = window.URL.createObjectURL(stream);
  localMediaStream = stream;
});

WebRTC

high quality real-time voice/video communication in the browser


Going Native! with Native Client

Use a lot of your existing C++ code

More info: http://www.gonacl.com

HTML!!!

It Rocks for:

Canvas for graphics

The web is a great platform for games

You've built a game. Now what?

Chrome Web Store?

Why?

200+ Million users

A direct channel built into Chrome

We can get you distribution

You have your own space

With reviews

How?

It's easy to get in.

1. Create the package

2. Upload

Upload

Show me the money!

Paying it forward

Or get them through the door

5%

I only have iOS games!

That is ok!, we can take them too?

Wait? What! How? A: LLVM

I only have Android games!

That is ok!, we can take them too?

Wait? What! How? A: PlayN

I am here to:

I need your help: http://bitly.com/develop-liverpool

Thanks