Jump to content


  • Content Count

  • Joined

  • Last visited

About Broojo

  • Rank

Profile Information

  • Gender
  • Location

Contact Methods

  • Twitter
  1. Thanks, I tried that but it is still blurry. The weird thing is that this JSFiddle displays the image clearly in Safari, all that is required is the 'image-rendering: pixelated;' CSS rule. The attached image shows the canvas in my game, that rule has been applied but it's not working. So it seems like something in Phaser is overriding it... EDIT: I fixed it by setting the game mode to be CANVAS rather than AUTO, no WebGL for this game
  2. I'm making a game that uses pixel art, I'm designing it so that the user can choose to display the game at various screen sizes while maintaining the correct aspect ratio, doubling the number of pixels, 1x, 2x, 3x etc. I've set the game to use crisp rendering: Phaser.Canvas.setImageRenderingCrisp(game.canvas); And set the game scale mode to SHOW_ALL to maintain the aspect ratio when resizing: game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; I've also set the PIXI scale mode: PIXI.scaleModes.DEFAULT = PIXI.scaleModes.NEAREST; (I tried setting Phaser.Canvas.setSmoot
  3. Experience I guess, I have messed around with GBA graphics for many years now, produced quite a few Minish Cap tilesets. But yeah typically older 2D games have POT (power-of-two) textures of 16x16 or 32x32. There are some exceptions like Pokemon Mystery Dungeon for the DS which uses 24x24 sprites, a multiple of 8. http://www.spriters-resource.com/game_boy_advance/pmd/sheet/19789/
  4. Personally, I create a grid using a pixel art program like Paint and align them all myself. May sound like a lot of work but once it's finished you can just keep adding to the grid. Here is an example of a 256x256 grid of 32x32 tiles: EDIT: Just thought I should also point out that the tile set you linked to is perfectly spaced out, it's just in 16x16 tiles. This is a common tile size for GBA and DS games.
  5. 23, pretty new to HTML5 game development.
  6. Thanks for the response I Changed the sprite size to 32x32 and now it works fine.
  7. Call me crazy but I am attempting to create an RTS game using Phaser. One aspect I have finished to a reasonable level is the drawing of a rectangle to select units on the screen, like Age of Empires. The code works fine when using WebGL but for some reason when using the Canvas the lines of the rectangle are invisible but can be seen over the sprites they are drawn on top of as shown below: This is what it looks like in WebGL (more vibrant colours as well): This may be because the texture used for the selection box is 1x1 in size, however I just added another 1x1 sprite and it display
  • Create New...