Размытое изображение HTML5 App

Question

Я новичок в области мобильных приложений. Я хочу создать небольшую игру на Android juste для тестирования. У меня нет знаний в JAVA, поэтому я делаю свою игру в HTML5/JS, и я скомпилирую .apk с телефонной связью.

Моя игра отличная, но мои изображения размыты (и мой текст «49 fps»?). Как я могу исправить? Потому что, когда я играю в птицу или сердитую птицу, изображения чисты.

Я пользователь сценарий взять правильный размер:

this.screen = "drawable-ldpi"; 

    if(gameWidth >= 480){ 
     this.screen = "drawable-mdpi"; 
    } 
    if(gameWidth >= 720){ 
     this.screen = "drawable-hdpi"; 
    } 
    if(gameWidth >= 960){ 
     this.screen = "drawable-xhdpi"; 
    } 
    if(gameWidth >= 1440){ 
     this.screen = "drawable-xxhdpi"; 
    } 

Answer 1

Они будут размытыми, если они не достаточно высокого разрешения для экрана, вы работаете на. Если ваши изображения слишком малы, тогда Android придется масштабировать их, и это сделает их размытыми.

В идеальном случае вы могли бы использовать разные версии изображения для разных устройств в зависимости от разрешения экрана и плотности.