Tutorial – Supporting Retina Images on Phaser 3

Apple smartphones and tablets support retina images that offer crisper quality. As a game developer, take advantage of this technology by creating HTML5 games in Phaser 3 that support these types of images.

A blog post from an expert developer gives a tutorial on how to do it. This will cover the basic concepts of what a retina image is, selecting the correct pixel ratio, using the zoom, and more. The author also gave tips on making the game responsive and the images super crisp.

Learn more about retina images here.

retina-image


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

  3. CodePlayer Tutorial: Make a snake game using HTML5 and jQuery The folks over at TheCodePlayer.com have written an interactive coding tutorial that walks you through the code for making a snake-game in HTML5. The tutorial walks you through the code...

  4. Create a Bloody Dripping Effect with Phaser Using physics and easing functions, you can create a bloody dripping effect for your horror-themed games. A Phaser online tutorial gave tips on how to create this effect using the...

  5. Phaser 3 Path Builder The Phaser 3 Path Builder is a handy tool for drawing paths that objects can follow.  You can edit and create lines, bezier curves, or ellipses. Then, you can export JSON...

, ,
Art-4, HTML5 Game Dev Tutorials