I know you can use HTML5 DeviceOrientation for angle and the "swip" for relative positioning. But how did you get the physical size of the screen of each device?
We haven't figured out a way to do this automatically. Currently we prompt the user to enter the size of the device when the app is opened for the first time.
I don't think it's possible unless you add an app.
One solution would be create a companion app that determines the physical screen size, then makes that available to your network via web sockets.
There our a few steps I left out here but it's possible.
The app could be optional - if its installed that device will have fully automatic configuration. If it's not installed, you just fall back to your user prompt.
Based on the demo they showed, this isn't needed. As long as they know the orientation of the device relative to a flat plane they can move the virtual items within the bounds of that device's screen. When it crosses over on to another device, it only needs to calculate movement based on it's relative orientation.
Does anyone know how well you can time via an app?
I wonder how it sounds to play sound across devices. Streaming and clock syncing can happen beforehand, just the playback has to be very sync to an absolute timing.
Maybe one can do something crude sound propagation synthesis by playing with timing, sound runtime, gps and a crowd. If you synthesize the sound the app even stays very small. You could e.g. make an ocean wave roll through the audience (when every device knows where it is and knows the exact time of when the wave will hit that position).
Same could work with devices as pixels, but I don't find it that interesting.
Wow, great work. I assume the pinch gesture calibrates the positioning and is always center of the screen? The bounce off the screen edge on pong is satisfying.
You're right, when the server receives two swipe events at the same time in opposite directions we assume that both devices are aligned at this point. It doesn't matter though where on the screen you pinch them together,.
https://www.youtube.com/watch?v=ZE0gxa-p8HY
I know you can use HTML5 DeviceOrientation for angle and the "swip" for relative positioning. But how did you get the physical size of the screen of each device?