�ݺ�ߣ

Editor's Notes

• #3: Есть тут те, кто хорошо владеет html5, css и javascript?
• #5: Если вы знаете HTML, СSS и JavaScript – вы можете применить этот свой опыт не только в веб, но и в разработке мобильных приложений, в том числе и игр. Вы можете разрабатывать не только браузерные игры, но и игры для Windows Phone или Windows и других платформ, таких как ios и андроид. Причем вы, можете разрабатывать, тестировать и отлаживать приложения под все платформы используя только одну среду для разработки Microsoft Visual Studio.
• #7: Если у вас есть браузерная игра, то вы можете превратить её в приложение. Как правило, ваша игра – это набор htmljscss и картинки. Перетащив все это в проект мобильного приложения, подтюнив под мобильный экран и нажатия пальцем и опубликовав в магазине приложений – вы получите мобильное приложение. При этом этот сценарий работает и для WP и iOS и для Android. Что вам понадобится: Среда разработки. Visual Studio 2013 Cистема контроля версий, если вы разрабатываете командой и вообще хотите чтобы все по взрослому Облачные технологии для организации бэкенда (база данных, игровые лидербоды, мобильные уведомления, авторизация и т.д.) Магазин, в который вы будете размещать приложения и учетная запись в этом магазине Устройства для тестирования. Тестирование в процессе разработки как правило производится во встроенном в Visual Studio эмуляторе.
• #8: Для того, чтобы разрабатывать приложения Магазина Windows вы должны использовать OS Windows 8 или 8.1, а так же, средство разработки Visual Studio 2013. В последних версиях Visual Studio, все необходимое для разработки приложений уже входит в дистрибутив и дополнительно ничего ставить не надо. Так же, для разработки и публикации приложений в магазине вам надо будет зарегистрироваться как разработчик на сайте Microsoft. Регистрация как разработчика – 19$ Visual Studio – это мощная среда для разработчика, поддерживающая разработку на многих популярных языках. Интеграция с облачными сервисами Интеграция с Магазином Windows Симулятор устройств Тестирование и отладка
• #9: Если кто-то давно занимается мобильной разработкой – возможно вы слышали про такой фреймворк как PhoneGap. На базе него сделано бесплатное дополнение для Visual Studio, позволяющее разрабатывать кроссплатформенные приложения и для WP и для iOS и для Android
• #10: Разрабатывая мобильные приложения, вы можете использовать любой javascript фреймворк, который вы любите или считаете нужным и полезным для вашего проекта. Для интерфейса например Jquery mobile и bootstrap Для привязки данных knockout, angular, ember Для игр и графики CreateJs, Babylon.js. Create js мы будем использовать сегодня для создания игры HTML5Js Canvas - develop your game using the Canvas element in HTML5. WebGL – это работает и в приложениях. CreateJS (open source) – набор библиотек, позволяющих создавать интерактивные приложения и игры для веба HTML5. ImpactJS - JavaScript движок для игр, позволяющий создавать кроссплатформенные HTML5 игры. GameSalad (open source) - среда создания кроссплатформенных приложений быстро и без кода. Css 3 + javascript + IE + WinJS Written in HTML, CSS, & JavaScript Can use jQuery, Dojo & other libraries Renders using Trident Adds layers of security Full access to the Windows Runtime Designed for touch Deployed via the Windows Store IE11 Win 8.1 Windows 7 Windows Phone New features Enterprise Mode F12 Dev Tools Roaming tabs WebGL is awesome Evergreen updates More GPU More awesomesauce
• #12: Жизненный цикл (отличается от того, что вы привыкли видеть в веб-разработке) Не запущено (Not Running) Работает (Running) Приостановлено (Suspended) Уведомления: Информируют пользователя о каком-либо событии. Локальные уведомления – создаются самим приложением. Push-уведомления - отправляются устройству пользователя из облачной службы. Сенсоры Акеселерометр (движение в 3 направлениях) Компас Датчик света Геолокация Камера и т.д. Вы можете записывать звук, работать с фото, есть контракты Живые плитки Является точкой входа в приложение. Это то, что вы видите на основном экране телефона. Квадратные иконки разных размеров для приложений. 4 размера плиток (есть шаблоны): Маленькая 71 x 71. Средняя 150 x 150. Широкая 310 x 150. Большая 310 x 310. Навигация (верхняянижняя панель, игровая навигация) Способы ввода Оринтация
• #16: На html5 это canvas. Пока грузится заставка вам нужно предзагрузить кучу картинок. Иначе потом открытие картинок будет мешать быстродействию. Затем вы располагаете на сцене объект или группу объектов
• #17: Добавляем на сцену персонажа. Он – это отдельный анимированный объект. Обновляется по таймеру. Сцена тоже обновляется по таймеру Не забываем про физику. Дьявол кроется в деталях
• #18: Каждый враг – это объект. Тоже со своей анимацией На сцену мы добавляем экземпляр этого объекта Враг считается убитым, если что-то (герой или снаряд) попало в его диапазон координат (в зависимости от того, бегалка у нас или стрелялка). Ну можно еще кол-во жизней свойством у класса врага сделать
• #19: Сейчас я покажу вам, как можно быстро создать игровое приложение на HTML5 и Javascript, используя открытый фреймфорк CreateJs, который позволяет облегчить нам работу с объектами и событиями HTML5 и Javascript. Приложение будет представлять собой двухмерную игру, где вы будете кидаться камнями во вражескую катапульту. Запускать снаряд мы будем проведением пальцем по экрану планшета (типа как в angry birds). Наша игра так же будет использовать облако, чтобы сохранять туда данные о победе или поражении. Итак… приступим… Создание проекта приложения Библиотеки, звуки, картинки Логика игры Использование облака Microsoft Azure для работы с данными
• #20: Что важно при выпуске приложения? Конечно деньги  Бизнес модель - одинаковая для обоих магазинов Покупки внутри приложения не проблема. Есть In-app purchase 3rd-party реклама и её элементы управления тоже не проблема. Это разрешено и никто не мешает это делать. Adduplex, inmobi Ads in Apps program, we can help you help monetize your app, leveraging Microsoft’s relationships with top advertisers. Самые распространенные модели монетизации для приложений – это: -бесплатный пробный период + триал версия. -бесплатное распространение приложения и покупки контента внутри приложения. Но возможны и сочетания этих способов.
• #22: Доступно, просто, не требует каких то крутых аппатарных мощностей или затрат. Довольно простая физика и математика, особенно если говорить про 2d игры
• #23: В заключении ключевые ссылки и полезные ресурсы