Jump to content

Search the Community

Showing results for tags 'pixel perfect'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Web Gaming Standards
    • Coding and Game Design
    • Paid Promotion (Buy Banner)
  • Frameworks
    • Pixi.js
    • Phaser 3
    • Phaser 2
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
    • GameMonetize
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered
    • Marketplace (Sell Apps, Websites, Games)

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 4 results

  1. 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.
  2. 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...
  3. 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.
  4. 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.
×
×
  • Create New...