Instructions to GET STARTED
You will need two mobile devices or Two Separate browser windows on a PC.
- Device 1/Window 1 : Open the See In Action Link
- Device 2/Window 2 : Open the Device Controller/ Remote Link
You can see the Cube in Device 1 rotating synchronized with Device 2 Orientation.
For Android Devices Chrome should work fine, otherwise you may need Mozilla FireFox mobile browser.
Check out my new cool project with SignalR with .NET 5,https://t.co/3nDHjMZrIe
— Pritish Ranjan Barik (@preetrnj) October 23, 2021
It Synchronizes the device orientation for the 3D rotation of the Cube. Tell me what do you think!! #dotnetcore #azure #DotNetNews pic.twitter.com/iVlaHpxdxu
Instructions
See In Action
CubeThis open the cube page where the syncing can be seen.
For Mobile currently it supports in Mozila Firefox Only. Support for Chrome is coming soon.Device Controller
Device ControllerThis page allows you device to sync its orientation through the SignalR Hub.
on Android works on Chrome/FireFox Only.Remote
Manual X,Y,Z Axis ControllerThis page allows you device to sync its orientation manually through X, Y, Z Slider.
It works perfectly fine on all devices.
The orientation data of a device is synced with a Surface or a cube in the web page.
For Desktop Browsers
If you are on a desktop browser, then you can simulate the same by using the orientation feature.
Press Ctrl + Shift + P , and type "Show Sensors", you can go for the "Custom Orientation" option and tilt the virtual mobile device.