HTML5 Game Programming: Adding a Touch with the Virtual Joystick Object

Part of the HTML5 Game Development For Dummies Cheat Sheet

Create a Joystick object whenever you think your game may be used on touch devices. The scene's getMouseX() and getMouseY() methods will respond to touch input.

joyName = new Joy() Creates a new Joystick object called joyName.
getMouseX(), getMouseY() Gets the X and Y position of the mouse if the user is touching the screen. Returns screen coordinates, not coordinates in the scene. Typically, you want to use the scene object's getMouseX() and getMouseY() methods instead.
getDiffX(), getDiffY() Returns how far the user's finger has moved from the initial touch position. Modify these values to get joystick-like behavior.
virtKeys = true; If you create a variable called virtKeys in your main code and set it to true before building a joystick object, the user can drag up to trigger the up arrow key, down to trigger the down arrow, and so on.
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.