clickable area

Recommended Posts



I was wondering if there's a way to define a clickable area on the screen without using buttons or sprites. Or to create this effect I would need to create an invisible sprite or something like that?



Share this post

Link to post
Share on other sites

Define your regions as rectangles and test if a point (your mouse or finger(s) ) is inside that region.

//define you regionvar topLeftQuarter = new Phaser.Rectangle(0,0,game.width/2,game.height/2)//listen for pointersgame.input.onDown.add(handlePointerDown)//handle a touch/clickhandlePointerDown = function(pointer){    //this is the test, contains test for a point belonging to a rect definition    var inside = topLeftQuarter.contains(pointer.x,pointer.y)    //do whatever with the result    console.log('pointer is inside region top left quarter', inside)} 

Have fun!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.