Search the Community

Is it possible to make a button input that ignores the transparent area of the image? I have several buttons on the same position and the transparent areas overlaps so it is not allowing me to press the buttons on the bottom.

Having a lot of trouble getting pixel art graphics to not be blurry. There are a lot of people having the same problems I find, but many articles are 2 or 3 years old. I have tried canvas, pixi.js and phaser for displaying graphics, phonegap and Intel XDK for making apps. Even solutions that work on desktop don't seem to work on mobile devices because of the higher dpi. It's still blurry. This method of scaling also apparently breaks touch input, so any solutions for that would be appreciated. I think the main problem is the browser is scaling the canvas pixels up to match the dpi. I want to be able to work without anything getting scaled. Is there any hope? It seems like something we should have solved by now...

Hi, I'm currently involved in the making of a simple hidden objects game. I have around 100 objects overlapping one another and, because of that, I need it to be pixel perfect on hover and click events. When I place every object on game stage, I set its properties using this function: function placeObject(posX, posY, key, flag) { var obj = game.add.sprite(posX, posY, key); obj.name = key; obj.answer = false; obj.clicked = false; obj.inputEnabled = true; obj.input.useHandCursor = true; obj.input.pixelPerfectOver = true; obj.input.pixelPerfectClick = true; obj.events.onInputDown.add(checkClick, this); obj.anchor.setTo(0.5, 0.5); obj.events.onInputOver.add(selectObject, this); // sets alpha property down as feedback to the user obj.events.onInputOut.add(deselectObject, this); // sets alpha property back to 1 arrObjects.push(obj); } It works just fine except that the feedback I defined on hover takes almost 2 seconds to happen. I've read that pixelPerfectOver and pixelPerfectClick properties are very expensive and I imagine that is the reason why the response is slow with so many objects on screen checking pixels everytime mouse moves. So, my question is: Is there a way of optimising that so it responds more quickly? Here is what I have so far: http://intercement.clientesdream.com.br/portal/Content/jogos/aedes/index.html Thank you very much.

When trying to use pixelperfect checks IE9 throws SCRIPT5022: DOM Exception: SECURITY_ERR (18) mysprite.input.pixelPerfectOver = true;mysprite.input.pixelPerfectClick = true; I have this set if it matters: load.crossOrigin = "Anonymous" The server has header Access-Control-Allow-Origin: * Same code works on IE11, Chrome, Safari. Is there a good way to get this working? I can do other image operations on the same image such as redrawing it on bitmapdata and alpha masking without this problem.