1. Community Home
  2. General

Designing background for multi screens

Cocos2d-x Multi Device Design
  • efares
    Likes 0
    Problem Description

    I was following the “Designing Background” video tutorial and I got the idea behind the templates and how to design your background to cover the largest area and assets to be within the smallest area.

    My question is, in Photoshop when you Save for Web, the dimensions are 5120x3200 (file size: 184 KB) is this right? Should the dimension of my app background, that I made using the templates given with the tutorial video, be thart large? Should I Save for Web with maybe 50% image size reduction?

    What should I set my project’s canvas dimensions in index.html?
    What should I set the dimensions for the setDesignResolutionSize in main.js?

    Thanks in advance!

  • Sonar Systems admin
    Likes 0

    That ratio should be ok.

    This reply has been verified.
  • efares
    Likes 0

    So the size/dimension does not matter? As long as the ratio is ok?

    When I use 5120x3200 the background looks very zoomed in and when I Save for Web with reduced dimensions the background looks zoomed out. How do I make it look the same regarldess of the image’s dimension? I have SHOW_ALL set as my Resolution Policy but I don’t actually see all of my background image.

  • Sonar Systems admin
    Likes 1

    Yh, we will be creating an updated tutorial series for multi res.

    This reply has been verified.
  • efares
    Likes 0

    Nice! Any idea when that would be? Just seeing if I should watch these ones or wait for the new ones.

  • Sonar Systems admin
    Likes 1
  • efares
    Likes 1

    NICE!

    Thanks :)

    This reply has been verified.
  • Sonar Systems admin
    Likes 0

    Your very welcome :D

Login to reply