Создание графики для мобильных игр: специфика, приемы,...

www.reaxion.com 2006

Создание графики для мобильных игр: специфика, приемы, проблемы и решения.

Воинов Семен, 2006



Пиксель-арт (pixel-art)

Пиксель-арт Не_пиксель-арт

An

cien

t E

mp

ires

2 (

Glu

Mo

bile

)

Pat

hw

ay t

o G

lory

(R

edL

ynx)



Плюсы и минусы

Пиксель-арт

+ малый вес (Kb)+ четкость изображения

- мало специалистов

Не_пиксель-арт

+ простой ресайз графики+ простые повороты спрайтов+ реалистичность

- большой вес (Kb)- грубые края спрайтов- "грязь" при оптимизации



Диапазон разрешений

Mr.

Rev

olv

er (

Cyb

erd

ream

)



Группы разрешений (Stages)

Указаны примерные цифры! Диапазоны разрешений зависят от списка поддерживаемых

телефонов конкретной игры.

96x54-104x68 176x180-

176x220

120x110-132x176

208x208, 320x240, 240x260-240x230

Stage3

Stage1

Stage2Stage4



Цветопередача

PA

X A

thle

tica

(R

eaxi

on

)

Исходная Samsung SCH – A530

Nokia series 60



Цветопередача - рекомендации

• Использование контрастных и ярких цветов• Избегание цветов, слишком близких по тону• Осторожная работа с цветами, близкими к черному• Тестирование игры на телефонах



Методы оптимизации

• Планирование объема графики

• Хранение однородных изображений в одном файле

• Тайлинг элементов

• Программное вращение и отражение

• Комбинирование кусков

• Эффекты смены палитры

• Уменьшение количества цветов

• Утилиты дожатия графики



Планирование объема графики



Хранение однородных изображений в одном файле



Тайлинг элементов

Inca

dia

(R

eaxi

on

)



Программное вращение и отражение

Au

stra

lian

Saf

ari (

Rea

xio

n)



Комбинирование кусков

+

=M

edie

val C

om

bat

(G

ameL

oft

)



Эффекты смены палитры

To

tally

Sp

ies!

(G

ameL

oft

)

Th

e L

on

ges

t Y

ard

(R

eaxi

on

)



Уменьшение количества цветов

Yet

i Sp

ort

s (R

eaxi

on

)

Pro

Cu

rlin

g (

Rea

xio

n)



Утилиты дожатия графики

• PNG Out

• XAT optimizer

• PNG Packer

http://www.mgdc.ru/board/showthread.php?t=1479



Повышение эффективности работы

• Подробный GDD и четкий план

• Графический планшет

• Shortcuts (клавиатурные комбинации)

• Технические хитрости



Технические хитрости - дизеринг



Типичные ошибки: контраст

To

wn

smen

3 (

Han

dyG

ames

)

QU

EE

N O

F F

AB

LE

S (

Niv

al In

tera

ctiv

e)



Типичные ошибки: неаккуратность

Mr.

& M

rs. S

mit

h (

Glu

Mo

bile

)

Mid

nig

ht

Ho

ld' E

m P

oke

r (G

ameL

oft

)



Типичные ошибки: анимация

FO

X S

po

rts

Ho

ckey

'04

(Glu

Mo

bile

)

Ro

bo

ts (

Glu

Mo

bile

)



Будущее

• Приход стильного 3D

• Уменьшение доли пиксель-арта

• Увеличение объемов работ

• Повышение требований к квалификации кадров

• Разделение труда

Pla

ym

an

Win

ter

Ga

me

s (

Mr.

Go

od

liv

ing

)



Спасибо!

Вопросы?

Воинов Семен

[email protected]

Создание графики для мобильных игр: специфика, приемы,...

Documents