Gyroscopic maze html application

i need a maze application purely made with html ,js, etc etc which should be controlled by three dimensions i.e left right direction and also gyroscopic control should be [login to view URL] follow the screenshot attached below where you can see the sequences there .There should be one ball middle of the maze and user need to put the ball in the hole .Once the ball would be placed inside pocket then one popup would come.I only need the rough template with full logic and rest would be done by [login to view URL] round diagram might be used as [login to view URL] the functionality should be same as like below link. You can check the reference here which would work only in ipad and mobile: [login to view URL]