Multiple screen sizing for all mobile devices

3

Index

Tagged

Stats

4,683 visits, 6,095 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 26 Sep, 2014. Last updated 25 Feb, 2019

Voor je verder leest moet je nu echt even het artikel van Ed's Farias laten bezinken want ik ga hier niet zijn werk herhalen...

Voor Slappy Feet gebruik ik een Window Size van 360x640 (9:16 Aspect Ratio), de Layout Size is 480 x 640 (3:4 Aspect Ratio) en de Safe Zone is wederom 360 x 640 (9:16 Aspect Ratio) op positie 240, 320 (gecentreerd)...

Let op: 9:16 is de kleinste Aspect Ratio en 3:4 is de grootste. Als alle belangrijke actie in Ed's Safe Zone (ook 9:16) plaats vindt en de rest van de Layout wordt gevuld met onbelangrijke zaken of de achtergrond dan zal het spel er op elk mobiel apparaat (bijna) hetzelfde uitzien...

Let op: Je kan bijna elke afmeting voor je game gebruiken zolang de Aspect Ratio maar klopt...

Begin de code bij de start van elke Layout met:

Dit zal het spel centreren...

Als je alles goed hebt gedaan is de gele Safe Zone nu gecentreerd op je mobiel of tablet, op schermen met een bredere Aspect Ratio krijg je wat meer van de Layout te zien. De Safe Zone moet uiteraard onzichtbaar zijn of worden verwijderd voor publicatie...

Op de derde pagina van de tutorial zijn wat links te vinden naar Slappy Feet. Ik hoop dat alles duidelijk is, als je vragen hebt mail dan naar info@fronne.nl of stuur een PM. Ik zal alle vragen zeker beantwoorden...

Tijd voor wat screenies van Slappy Feet (mijn eerste game):

  • 0 Comments

Want to leave a comment? Login or Register an account!