Games + Chrome Web Store!!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/

Oh, don't forget all the TV's

Source: http://www.flickr.com/photos/federico_r/4144758478/

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;
});

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

Chrome users play 23% more, spending 147% more

goo.gl/yKImD

How?

It's easy to get in.

1. Create the package

2. Upload

Upload

Anything else?

Small promo images are 440x280 Large promo images are 920x680 Marquee promo images are 1400x560

Show me the money!

Paying it forward

Or get them through the door

5%

Sign up now!

http://sandbox.google.com/payments

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/evolve-london

Thanks