You know how you sometimes have to develop something that is not solving an everyday problem, still it is fun to make, and even more fun to use? Well, this talk is just around such an occasion!
Long story short, we will be using physical motion applied into virtual motion, in order to move and manipulate an object (or graphics) in our browser!
The “how” is exciting! We will see how to develop a simple application using WebSockets, Angular and a plain WebSocket client/server node.js server. The magic of this application will be that, once connected from our phone, we will be sending device data from our phone to the browser (using the brand new device event APIs capturing device acceleration, orientation, motion).
Tools that are going to be used will be the WebSockets API, Angular, RxJS and a little Node.js server. RxJS and its observable sequences will help us subscribe and listen to our incoming messages, firing events in the process.
We will have live coding, of course. We will also have interactivity (users connected to the same network will be able to move graphics with their phone, too). And we will have some fun!