post-modern-game-input
post-modern-game-input
0 0
post-modern-game-input
Slides for JSConf 2013 talkOn Github iceddev / post-modern-game-input
Post Modern Game Input
JSConf 2013
WhomTF?
@MONTESLU
@IcedDev
frozenjs.com
Gaming?
HTML5 gives us a bunch of lego pieces to connect together and build really cool things.Game Loop
window.requestAnimationFrame(). 60 times/secondKeyboard
if(im.keyActions[keys.LEFT_ARROW].isPressed()){
//move the player to the left
}
Mouse / Touch
//mobile first :) var position = im.touchAction.position || im.mouseAction.position;
Here comes the Hammer
Gestures
//hamer code
Gamepads
navigator.webkitGetGamepads();
Gamepad Polling
Just check the gamepad state.
Post-Modern
Phone as a Gamepad
There's an app for that...
yay itunes, yay google playIt's called a Browser
You have to use your hands?
That's like a baby's toy.
Camera Face Tracking
Donut Horns made by B-Reel for Google hangoutsVoice Recognition
Web Speech API
new webkitSpeechRecognition();
3D Tracking
- Leap Motion
- MS Kinect
Leap Motion
WebSockets !
bindings for Java, CSharp, python...leap.js
var controller = new Leap.Controller({enableGestures:true});
controller.on('frame', function(frame) {
game.pointables = frame.pointables;
});
controller.connect();