«Почему нас это должно волновать?» Я слышу, как вы спрашиваете: «Таких двигателей полно!» На что я говорю, хороший вопрос! Читать дальше…
Хотя я полностью планировал использовать pixi.js для создания замечательных, сочных игр HTML5, это не игровой движок — это движок рендеринга. Он помещает вещи на ваш экран, и все, хотя я думаю, что он делает это достаточно хорошо :D Это означает, что вы можете использовать pixi.js в сочетании со всеми другими замечательными библиотеками в мире javascript без приходится выбирать «А» вместо «Б».
Мне нравится думать, что pixi.js больше похож на 2D-версию three.js, поэтому он позволит людям создавать все виды отличных 2D-веб-приложений, которые мы все годами создавали во Flash. . Конечно, игры занимают первое место в этом списке потенциальных приложений!
Еще одна важная цель pixi.js — задействовать грубую мощь webGL для его скорости рендеринга. WebGL становится все более важной веб-технологией, и многие браузеры теперь поддерживают ее по умолчанию (золотые звезды для вас Chrome и Firefox!) и, что особенно важно, мобильные браузеры тоже начинают ее использовать. Бета-версия Firefox и Chrome поддерживают webGL в своих итерациях Android, и я готов поспорить на свою левую ногу, что скоро Safari iOS тоже будет поддерживать его (он уже поддерживается в их iAds)!
Pixi.js отлично справляется с абстрагированием всех этих безумных шейдеров webGL, открывая всю эту скорость для всех желающих. Стоит отметить, что он автоматически обрабатывает пакетную обработку спрайтов за кулисами, обеспечивая невероятно быстрый рендеринг без каких-либо дополнительных хлопот.
Конечно, pixi.js также имеет средство визуализации, которое поставляется в стиле холста, который также оптимизирован для орехов. Это означает, что материал pixi.js также будет работать практически во всех мобильных и современных браузерах (включая 9!)
Я думаю, стоит также упомянуть, что я не хотел, чтобы между двумя визуализаторами были какие-либо визуальные различия… поэтому их нет :) Прекрасно для небольшого изящного ухудшения или прогрессивного улучшения в зависимости от того, с какой стороны ваш хлеб намазан маслом! ?
Дай мне итог!
Вот захватывающий список всех текущих функций pixi.js:
- Предназначен как для мобильных, так и для настольных браузеров
- Рендеринг холста
- Рендерер WebGL
- Выберите средство визуализации или позвольте pixi.js выбрать, какой из них использовать.
- Полный график сцены
- Простой в использовании API (аналогичный списку отображения флэш-памяти, т.е. спрайтам/мувиклипам)
- Оптимизирован для производительности
- Поддержка текстурных атласов
- Поддержка вывода текстурного упаковщика JSON
- Предзагрузчик ресурсов
- Крошечный размер файла
- Полностью открытый исходный код (Ням-ням! Открытый соус!)
И запланированные предстоящие функции:
- Текстовая поддержка
- Фильтры
- Бенди Спрайты
- Интерактивность
- Рендеринг в текстуру
- Частицы
Хорошо. Покажи мне!
Думаю, сейчас самое время показать вам рабочий пример. К счастью, мы провели последние несколько недель работая над одним!
Самое классное в этой демонстрации то, что она работает практически на всем (и в полной красе на iOS!). Помимо работы во всех современных браузерах, мы протестировали его на ряде мобильных устройств, включая iPhone 4, 4S, 5, iPad 2, 3, Nexus One и Galaxy SIII. Так что не стесняйтесь, дайте нам знать, как это работает на вашем устройстве! Особенно, если ваше устройство — Windows Phone, поскольку мы не пробовали ни одну из них ;)
Здесь, в Goodboy, мы разделяем философию «Создай один раз, играй везде» и считаем, что HTML5 становится одним из наиболее жизнеспособных инструментов для достижения этой цели. Pixi.js был разработан, чтобы облегчить осуществление этой мечты.
я могу имеет?
Альфа-версия pixi.js и весь исходный код будут опубликованы на github очень скоро, как только я закончу его документирование и напишу несколько руководств. Лучше всего радость от открытого исходного кода означает, что любой, кто хочет внести свой вклад в проект, будет более чем приветствоваться!
Если вас интересует pixi.js, подписывайтесь на меня @doormat23 в Твиттере, и я буду держать вас в курсе! И, конечно же, заходите на сайт, так как здесь также будут публиковаться любые достижения!
