Технологияҳои намоиш ва графика дар ҷойҳои муосир
1. хондани аломатҳо ва бурдҳо, 2. устувор 60 FPS бе гармӣ, 3. бастаи осон ва оғози зуд, 4. "эффектҳои wow" бидуни созиш бо ростқавлии натиҷа (ҳама чизҳои визуалӣ дар болои натиҷаи аллакай ҳисобшуда мебошанд).
Дар зер дастури система барои технология, қубур ва ченакҳо оварда шудааст.
1) Нишон додани анбор: он аз чӣ иборат аст
2D/WebGL/Canvas - Пикси ҶС, Фасер, движки дар хона (HTML5/WebView).
2. 5D/3D - Ягонагӣ (WebGL/mobile), Playvanvas, Се. ҷс.
ВебГПУ (пайдо мешавад) - афзоиш дар shaders/post-process ва назорати хотира.
Audio/Timeline - Ҷадвали веб-аудио/Unity Audio + Animation (GSAP/Spine/Ҷадвали ваҳдат).
Дороиҳо - атласҳои спритӣ, шрифтҳои SDF/MSDF, сутунмӯҳра/аждаҳо, видео/веб-кодекҳо, матнҳои фишурда.
Воситаҳо - Спектор. jss/Dev/Tools/Unity Profiler, бастабандони атлас, компрессорҳои ASTC/ETC2/BCn.
2) Моделҳои графикӣ: 2D, 2. 5D ва 3D мӯътадил
Пок 2D: барабанҳои ҳамвор, UI дар қабатҳо, филтрҳо ва ниқобҳо. Зуд ва пешгӯишаванда.
2. 5D: роликҳои перспективӣ, параллакс, нишеб/давр, хусусиятҳои 3D беш аз 2D UI Best wow/таносуби иҷро.
Пурра 3D: саҳнаҳои бонус/муқаддима, чархҳои иқбол, "камера дар атрофи. "Интизомро талаб мекунад: LOD, маҳдудиятҳои моддӣ, laytinґ соддакардашуда.
Тавсия: дар слот, хониши калидӣ дар қабатҳои 2D/UI аст; 3D - барои муқаддима ва нодир.
3) Shaders ва post-effects (бехатар ва иқтисодӣ)
Воҳидҳои оддии shader:- Дурахшон/Нақшаи аломатҳо/бурдҳо (SDF/норавшан барои нишон додани ҳадаф).
- Баҳодиҳии ранг/HSV Shift барои марҳилаҳои мавзӯӣ (рӯз/шаб, бонус).
- Таҳриф/Гармидиҳӣ дар замина, то ба матн халал нарасонад.
- Зарраҳои иловагӣ барои оташфишон (ҳангоми омехта арзон).
- Маскаҳо/Стенсилҳо барои "тиреза" дар барабанҳо, сарфаи барзиёд.
Сатҳи оқилонаи пас аз раванд: Блум бо занҷири поёнӣ, Vignette, аберратсияи хроматикӣ (ҳадди аққал). Дар мобилӣ - хомӯш кардан/содда кардани LOD.
4) Аниматсияҳо: Вақтҳо, пушт ва "ҳисси фоида"
Вақт: мошини давлатии 'Бекорхобида → Spin → Stop → Count → Celebrate', аниматсияҳо - бо мурури замон муайян карда мешаванд, натиҷа аллакай маълум аст.
Аниматсияҳои скелетӣ (Spine/Dragones): Қаҳрамонон/аломатҳои тумор, сарфакорона дар хотира, клипҳоро иваз кардан осон аст.
Tweening (GSAP/Animator): аниматсияҳои рақамии интерфейс ва ҳисобкунакҳои ғолиб (ease
Ҳамоҳангсозӣ бо аудио: лаҳзаҳои калидӣ (истгоҳи барабан/комбо) - тавассути нишонаҳо дар ҷадвал, на аз рӯи мантиқи чаҳорчӯба.
Дастрасии ҳаракат: режими "камтар ҳаракат", хомӯш кардани гарданҳо/параллакс.
5) Матнҳо, атласҳо ва фишурдасозӣ
Атласҳои спритӣ: атласҳои калон (2048-4096) барои кам кардани тугмаҳои матоъ; гурӯҳбандӣ аз рӯи омехта.
Фишурдасозӣ:- ASTC (IOS/Android муосир), ETC2 (Android), BC mn (desktop/Web2 GL2), афтиши WEBP/PNG.
- Сатҳи mip-ро барои 3D ва пасзаминаи калон захира кунед (тобишро коҳиш медиҳад).
- Канали premultiplied alpha: омехтаи дуруст ва камтар галос.
- Ҳуруфҳои MSDF/SDF: сарлавҳаҳои равшан/рақамҳо бо контур/дурахшон бе матнҳои калон.
6) Қисмҳо (дӯстона GPU)
Билбордҳо бо таъхири атлас + GPU (дар 3D) ё қассоб (дар 2D).
Илова/Алфа-омехта аз рӯи қабат; давомнокии эмитентҳоро маҳдуд мекунад.
Микдори лоғар: зарраҳо ғалабаро "пешниҳод мекунанд", аммо аломатҳоро бо ҳам мувофиқат намекунанд.
Ҷамъоварии объектҳо, то ки хӯшаҳои GC истеҳсол накунанд.
7) Таркиби саҳна ва тартиби рассомӣ
Sloi: Бозгашт → Reels → Аломатҳо → FX → UI → Қабати.
Аввал ношаффоф, баъд шаффоф.
Ниқобҳо/стенсилҳо дар барабанҳо - то ки замина дар ҷойҳои шаффоф "дар" ҷой дода нашавад.
Z-фармоишро тоза кунед, чуқуриро дар 2D хомӯш кунед, то санҷишҳои нолозим мавҷуд набошанд.
8) Дороиҳои қубур ва боркунӣ
Тавлиди атлас (Texture .Packer/Spine Export), буриши автоматӣ, номҳои ҳаш ('нишона. ab12 нест. png ').
Боркунии таъхири саҳнаҳои бонус ва FX вазнин (танбалӣ).
Форматкунии ҳуруф (MSDF), содироти хатҳои аниматсионӣ.
CDN & basting кэш: дороиҳои тағйирнопазир, TTL кӯтоҳ дар манифест.
Веб-кодекҳо/Веб-Ассамблея барои рамзгузории босуръат, Offscreen-Canvas барои расонидани берун аз риштаи асосӣ (дар ҷойҳои дастрас).
9) Иҷро: ҳадафҳо ва андозагирӣ
Ҳадафҳо: 60 FPS дар дастгоҳҳои истинод; Аввалин Playable <5-10 s веб/< 10 s мобилӣ; ҳарорати устувор.
Калидҳои SLI:- Ҷалб кардани зангҳо (қассобон бештар, коммутаторҳои бофтаи камтар).
- Барзиёд (харитаи гармидиҳӣ - аз "варақҳо" -и шаффоф дурӣ ҷӯед).
- Вақти GPU/чаҳорчӯбаи вақти CPU (ҷудо ва вақти мантиқӣ).
- Хотира/VRAM (хӯшаҳо, ихроҷ).
- Андозаи баста ва p95 сарбории дороиҳо.
- Штуттерҳо/GC (миқдор ва давомнокӣ).
Воситаҳо: Спектор. Js, Chrome Dev Tools/Performance, Нозири веби Сафари, Xcode/Android GPU инспектор, Unity Profiler/Debugger Frame.
10) Оптимизатсия, ки "ҳаворо месозад"
Қассоб: аз рӯи мавод/атлас/омехта гурӯҳбандӣ шудааст; дар Pixi - намунаҳои 'ParticLE Container '/' Геометрия'.
LOD: shaders/зарраҳои вазнинро дар дастгоҳҳои заиф хомӯш кунед; атласҳои алтернативии ҳалли поёнӣ.
Мавқеъҳои лағжиши пикселӣ ва бутун - ҳангоми ҳаракат кардани барабанҳо камтар норӯшан.
Шаффофияти коҳишёфта: иваз кардани алфа калон бо meshes/ниқобҳои ҳамвор.
Мо расонидани ҳадафро (RTT) барои такрори эффектҳо нигоҳ медорем.
Ҳуруфҳоро кӯтоҳ кунед: як MSDF бо сабкҳои динамикӣ ба ҷои даҳҳо шрифтҳои PNG.
Раванди пас аз ҳалли нисфи (семоҳа/нисфи рес) + боло рафтани дуҷониба.
Аниматсияҳои муқобил: фишангҳои чорчӯба (на бештар аз навсозиҳои N дар як сония).
Физикаи оқилона: моделҳои "вазнин" вуҷуд надоранд - танҳо хатҳои пешакӣ омодашуда.
11) Ранг, гамма ва хониш
Рендер/хати хаттӣ: рангҳои дуруст ва омехта.
Муқоисаи UI: рақамҳои ғолиб - контрасти баланд ва сояҳо/контур.
Ранги нобино: аз омезишҳои интиқодӣ канорагирӣ кунед (сурх/сабз бидуни шакли допкодинг).
Баҳодиҳии рангҳои бренди - бодиққат, хониши аломатҳоро намекушед.
12) Ҳамоҳангсозии графика бо бозӣ ва аудио
Натиҷаи спин/бонус пеш аз аниматсия ҳисоб карда мешавад; графика танҳо скриптро таҷдид мекунад.
Нуқтаҳои Крессендо (истгоҳи барабан, мега-вин) - аломатҳои ҷадвал; садо ва ларзиш ба онҳо баста шудааст.
Буҷаи давомнок: барабан қатъ мешавад <1. 2–1. 6 с, ҳисоби бурдҳо - зуд ва бо имконияти "гузаштан".
13) Санҷиши сифати графикӣ
Суратҳои визуалӣ (регрессия): аломатҳо, ҳуруфҳо, ҷойгиршавӣ.
Матритсаи дастгоҳ: буҷаи Android (Mali/Adreno), i
харитаҳои гармии изофӣ ва профилҳои GPU.
Қобилияти хондан: 3-5 посухдиҳанда, диагональҳои гуногун/равшанӣ, шароити дурахшон.
Дастрасӣ: "ҳаракати камтар", CTA-ҳои калон, ҳолати контрасти баланд.
14) Дорухатҳои мини (қолабҳои тайёр)
A. барабан бо псевдо-3D
Лентаи аломати ҳамвор + ниқоби тиреза.
Замина бо параллакси осон (ду матн, суръати гуногун).
Shader кунҷҳо ва сояи равшанро дар дохили тиреза "давр мезанад".
Гузаронидани ҳолати аниматсия аз рӯи ҷадвал, на аз рӯи мантиқи RNG.
Таъсири B. "бурди калон"
Сарлавҳаи миқёс (0. 9 → 1. 1 → 1. 0, осонии эластикӣ).
Зарраҳои иловагии оташфишон 0. 8–1. 2 саҳ.
Матни Glow SDF + балоғати мулоим бо қарори нисф.
Тугмаи Гузаштан ҳамеша дастрас аст.
C. ритми каскади "арзон"
Як садои таркибӣ бо маркерҳо; графика танҳо "winks".
Counter X дар қадамҳо меафзояд, нақшаи аломатҳо - тавассути нақшаи MSDF.
Таъсири почта аз ҷониби LOD дар дастгоҳҳои заиф хомӯш карда мешавад.
15) Хатогиҳои зуд-зуд ва чӣ гуна аз онҳо канорагирӣ кардан
Спритҳои бузурги шаффоф → overdraw ваҳшӣ. Ҳал: бурида "дар шакл "/ниқобҳо/RTT.
Аз ҳад зиёд шрифтҳо/услубҳо → таркишҳои VRAM. Ҳал: як бастаи MSDF, услубҳо дар shader.
Видеофонҳо бидуни фишурдан/таваққуф → қатраҳои чаҳорчӯба/гармкунӣ. Ҳал: давраҳои кӯтоҳ, битри паст, ҳангоми парпеч кардан.
Тасодуфӣ GC ҳангоми ҳисобкунии ғолиб. Ҳал: ҳавзҳои объект, эмитентҳои пешакӣ.
Вақт аз рӯи фоторамкахо ба ҷои вақт → берун аз синхронизатсия. Ҳал: ба 'delta/Time '/ҷадвал пайваст шавед.
Балоғати хеле дурахшон → "собун. "Ҳал: занҷири поён + маҳдудияти шиддат.
Таъсири пас аз ҳама ба ҳама. Ҳал: LOD/парчамҳо аз рӯи дастгоҳ.
16) Рӯйхати санҷиши нашри графикӣ
Иҷро
- 60 FPS дар истинодҳо; чаҳорчӯбаи қуллаи <буҷети мақсаднок
- Дар долон зангҳо кашед; атлас/қассобии мавод
- Барзиёд иҷро накардани "сурх" дар роликҳо ва UI
- Хотира/VRAM дар бораи буҷа, ҳеҷ гуна ихроҷ
Дороиҳо
- Ҳаш, Атласҳои фишурдасозӣ: ASTC/ETC2/BCn + фурӯпошӣ
- Шрифтҳои SDF/MSDF, як маҷмӯа барои як лоиҳа
- Версияҳои LOD эффектҳо/саҳнаҳои пасзамина
Аниматсияҳо/Ҷадвал
- Ҳама рӯйдодҳои калидӣ - аз рӯи аломат, гузаред дастрас
- Ҳамоҳанг бо аудио/ларзиш
- Ҳолати кам кардани ҳаракат фаъол аст
Санҷишҳо
- Суратҳои визуалӣ сабз мебошанд
- Профилҳои GPU/CPU дар матритсаи дастгоҳ
- Саҳнаҳои боркунӣ (бисёрҷанба, бисёр зарра)
Тақсимот
- CDN гарм шуд, таҳкурсии кэш кор мекунад
- Мукофотҳои боркунии танбал ва FX вазнин
- Бастаи маҳдуд, Аввалин бозӣ дар ҳадаф
Графика дар ҷойҳо мувозинати эстетика ва муҳандисӣ мебошанд: сояҳо ва эффектҳо барои эҳсосот, қассобӣ ва фишурдасозӣ барои суръат, мӯҳлатҳои драмаи назоратшаванда, дастрасӣ ба ҳамаи бозингарон. Дастаҳо ҳангоми тарҳрезии визуалии додаҳо ғолиб мешаванд, ҳама чизро аз ҷалби зангҳо то изофабор чен мекунанд, бастаҳоро сабук нигоҳ медоранд ва ба плеери "вой" бе гум кардани FPS ва хониш медиҳанд. Ҳамин тавр ҷойҳои муосир таваллуд мешаванд: зебо, зуд ва ростқавл.