Games + Chrome Web Store!!1!
-
Who?
Covering
- Chrome and the Web as a gaming platform
- Using Chrome Web Store to distribute your game
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
- Audio
- Sensory Data
- Adaptive Display
- Camera and Microphones
Graphics
Graphics: WebGL
It's OpenGL ES 2.0 but in Javascript
Advanced Audio
Even more awesomeness
Offline Enabled
- Downloads core assets
- Keeps them available even when not online
FileSystem API
- Store files directly in the browser
- Common file operations
Game Pad Access* + Pointer Lock
- Detect when a pad is connected or removed
- Interact with the game using normal events
*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();
}
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:
- Layout
- Menus
- Purchase screens
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
UploadAnything else?
Small promo images are 440x280
Large promo images are 920x680
Marquee promo images are 1400x560
Show me the money!
Paying it forward
- Up front
- Single Item
- Trial
- Subscriptions:
- Monthly
- Annual
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
- One build, taken to Android and the Web, or Flash and more
- https://developers.google.com/playn/
I am here to:
- Help you launch great games on the web
- Help you make $$$ using IAP and Chrome Web Store