Pavel yuriychuk svg in game development
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Pavel yuriychuk svg in game development

on

  • 888 views

 

Statistics

Views

Total Views
888
Views on SlideShare
888
Embed Views
0

Actions

Likes
0
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Pavel yuriychuk svg in game development Presentation Transcript

  • 1. SVG в разработке компьютерных игр : быть или не быть Юрийчук Павел BoosterMedia Ciklum
  • 2. О себе В Сиклуме с 2011 года в качестве Front end Mobile games developer Опыт разработки : Flex/ Actionscript / Javascript Прошлое : Casino games Текущее : Casual Games Контакты :
                    • Skype: pavlo.yuriychuck
                    • Email: [email_address]
                    • Facebook
                    • Twitter
  • 3. Теперешнее - Casual Games
  • 4. Прошлое - Casino games
  • 5. О чем наше представление
    • Игрушка
    • Примеры того что можно сделать
    • Какие есть альтернативы
    • О ролях в проекте: действующие лица марлезонского балета
    • О надеждах поговорим или почему же SVG
    • А что же может он
  • 6. И еще немного
    • О граблях
    • О кросс-платформенности
    • О скорости
    • О природе R&D
    • О бытие , или где стоит использовать SVG
  • 7. Вступление . Задача
    • Dress-up игра с большим количеством экранов и элементов user interface
    • Много графики
    • Хорошо бы сократить время и трудоресурсы на обработку графических ресурсов
    • Есть версия игры на flash
    • Мало времени на подгонку элементов и верстку
    • HTML5 – целевая платформа iOS & Android
  • 8. Как он выглядит
    • Игрушки !
      • Стрелялка
      • Логика
      • Творение Сергея Пажинтова
      • Пасьянс
      • Учим географию США
  • 9. Альтернативы
    • Рендерить FXG в Canvas
    • Bitmap graphics
    • Велосипеды
  • 10. Вступление. Действующие лица
    • Художник “золотые руки”
    • Флешер тимлид
    • Менеджер. Просто менеджер.
    • Программист с флексовым прошлым и джаваскриптовым настоящим
  • 11. Акт первый . Надежды
    • SVG Создан в 2001 году
    • Поддерживается почти всеми браузерами
    • Экспорт поддерживается многими редакторами векторной графики
    • Хорошая интеграция с ECMAScript / JavaScript
    • Пользовательский интерфейс можно использовать сразу после того , как его нарисовал художник !
  • 12. Акт второй. Поиски
    • Как встроить SVG в DOM:
        • HTML5 Canvas Object
        • In-line SVG
    • Как загрузить сам SVG:
        • AJAX request, response type == xml
    • Как пользоваться :
        • Интерактивность , игра жеж
        • Прогулки по воде или как найти нужный тег документе
  • 13. Лирическое отступление #1
    • Что предлагает SVG
        • DOM GetElementByTagName , GetElementById (?), getAttrbuteNS / setAttrbuteNS , childNodes
        • JavaScript events
        • SMIL, JS animation,
        • CSS ;)
    • Что есть в Flash
        • UI tree, SetProperty / getProperty
        • Flash Events
        • Animation, keyFrames , transitions, paths, movie clip
        • CSS, Flex only ;)
  • 14. Акт третий. Грабли
    • AdoptNode
    • GetElementById
    • CANVG
    • Анимация и встроенные скрипты
    • Inkscape
  • 15. Акт четвертый. Кросс-платформенность
    • Не все операции внедрены одинаково , некторых вообще нет , смотри акт грабли .
    • Inline SVG только в андроиде и в десктоп-браузерах
    • IOS хорошо работает с Canvas
  • 16. Акт пятый. Быстрее
    • Пробовали сжимать SVG в ZIP и распаковывать JavaScript
      • Удобно
      • Канонично
    • Грузить все элементы одним SVG а потом резать на мелкие кусочки
    • Сжимать SVG на стороне сервера mod_deflate или mod_gzip
  • 17. Акт шестой . Прерванный полет R&D
    • Bitmap быстрее
    • CANVG поддерживает ограниченный набор SVG инструкций , сложные рисунки с трансформациями градиентов – не рисует
    • IOS крешится при попытке распаковать 20kb zip, андроид и десктопные браузеры – как часы
  • 18. Заключение. Где же все таки стоит использовать SVG
    • Интерактивные карты , не флеш , но кое что может
    • Карточные игры
    • Тетрис
    • Настольные игры – монополия
    • Общее для них всех :
      • Мало анимации и она не интенсивная
      • Не мобильные браузеры – медленная отрисовка и грузит процессор
      • Не критично время загрузки ресурсов