Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   ActionScript 3.0 (http://www.flasher.ru/forum/forumdisplay.php?f=83)
-   -   Реализация лейаута (скейл,ресайз) (http://www.flasher.ru/forum/showthread.php?t=215570)

in4core 21.05.2018 19:28

Реализация лейаута (скейл,ресайз)
 
Ломаю голову, как можно реализовать скейл интерфейса ( no_scale) в зависимости от разрешения экрана монитора/мобильника с сохранением четкости.

Смысл собственно говоря такой - например возьмем логотип из shape - пиксель-арт какой нибудь. Он естетсвенно четкий, никаких лишних сглаживаний и т.п. Допустим на разрешении 1920 * 1080 ( для монитора ) он смотрится идеально, на каком нибудь iphone 1334 * 750 - Тоже. А вот на разрешении выше 1920, скажем в 2 раза например, или же на мобилке в том же 1920 * 1080 - уже очень мелко. Если мы будем скейлить под разрешение, то соответсвенно увидим блюренные углы, картинки и т.п.

На данный момент я вижу только 1 варинат решения проблемы, рисовать 2 лейаута, один до 1920, другой свыше, например. При этом для мобилок видимо придется еще и свою логику для этого расписывать.

А что думаете вы?

(ps, чтобы никого не ввело в заблуждение, так как флеш у нас не запускается в мобилках(браузере) , то разговор о html5 приложении на haxe, но думаю это не должно чем то напугать, просто представим, что флешку можно запускать в мобильных браузерах и все)

undefined 21.05.2018 20:52

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

in4core 21.05.2018 21:25

Цитата:

почему бы не хранить весь арт для макс.разрешения и сжимать его под фактическое?
Потому что блюры все равно будут. Ну или если ты о том, что сжимать либо в 2 либо в 4 раза пропорционально, без всяких 1.5 и т.п., то да проще рисовать большой, затем сжимать

undefined 22.05.2018 02:01

Мыло появляется при растяжениях, при сжатии серьезных артефактов быть не должно. И вообще общепринятой является практика иметь несколько вариантов растра под разные разрешения

caseyryan 22.05.2018 13:03

Делай векторные логотипы, в svg. Для парсинга svg есть такая штука https://github.com/lucaslorentz/AS3SVGRenderer

Tails 22.05.2018 13:48

Вообще да, 2 лейаута - это самое лучшее решение. Единственное, что тут сложно - это ведь потом верстать этот гуй для разных разрешений текстур: x1, x2 (Оперировать координатами). Что-бы это упростить, я предлагаю два варианта:
1. Верстать только пропорциями.
2. Скалировать главный контейнер, что-бы внутри сохранить координатную сетку как в x1.

Думаю, второй вариант будет лучше.

in4core 25.05.2018 17:31

На самом деле все не так плохо как кажется. Если элементов много - то да, возможно беда, но если их не так много, то выкручиваемся нормально. Взял за минимальное разрешение дисплей iphone ( 1334 * 750 portrait ) , делаю лейаут под него, включая размеры шрифтов и т.п. - ориентировочно это равно монитору в 1920 * 1080 визуально по размерам и читаемости. А дальше уже ожидаем до 900-1000 на мобилке, как только получаем 900 в ширину и больше, скейлим лого 2х и все эелменты какие надо в 2х. А шрифты уже подгоняем начиная с 750, надо будет высчитать пропорцию, что если для 750 нормальный читабельный шрифт на 17 пх, то скажем на 800 это уже 19пх, на 1000 21 и т.п. , соответсвенно и для моника рассчет идет такой же, но моник принципе не сильно напрягает, так как там что в 4К, что в FHD - глаза резать 17 px в минималке не будет, тут по большей части на мобилки рассчет.

Я потом вам всем покажу твАрение свое, что вышло))) Но конечно haxe (openfl) это еще та бодяга))

Tails 25.05.2018 18:18

Будем ждать)


Часовой пояс GMT +4, время: 16:21.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.