Home Forums Programming TiltOut – Breakout clone using HTML5 DeviceOrientation

Viewing 2 reply threads
  • Author
    Posts
    • #8175
      Anonymous
      Inactive

      I was tricking about with the DeviceOrientation Events in the w3c spec this morning. I know Breakout has been done to death with accelerometers and so forth but I couldn’t resist!

      It’s just a prototype so I’m sure it’s a bit ropey in places. It should work in Chrome and Firefox. I find that going all out with the tilt helps more than just nudging your laptop – I haven’t tried it on an iPad / iPhone as I’m poor.

      http://www.redbrick.dcu.ie/~sir_real/html5/tilt/

    • #47303
      Anonymous
      Inactive

      Works on iPhone 4, it’s a tad slow ( also no buffer zone in the middle for no movement, so it continually moves ).

      Nice one – cool to see HTML5 interactive content!
      Mal

    • #47304
      Anonymous
      Inactive

      Works on iPhone 4, it’s a tad slow ( also no buffer zone in the middle for no movement, so it continually moves ).

      Nice one – cool to see HTML5 interactive content!
      Mal[/quote:27b519d101]

      Thanks a million for giving it a go Mal :)

      It’s a fairly massive canvas (600 x 500) and not optimized for iPhone / iPad. I wrote it more with laptops in mind (I tested in on my Macbook). I was more curious about if the DeviceOrientation events would fire on different devices. It’s really difficult to get no movement on my macbook, it was like holding a fecking dosing rod when I put the prototype together.

Viewing 2 reply threads
  • The forum ‘Programming’ is closed to new topics and replies.