Pixi.js предоставляет больше возможностей, чем вы можете себе представить!
Леди и джентльмены, это снова тот раз. В тот раз, когда мы отображаем на экране как можно больше кроликов во имя бенчмаркинга! На этот раз мы обращаем внимание на производительность webGL pixi.js. На платформах, поддерживающих webGL, мы видим довольно быстрые результаты. Просто взгляните ниже на огромную пропасть в производительности между webGL и рендерерами, работающими только на холсте!
Откройте краны и окунитесь в Банни-душ! Не волнуйтесь, это не почти так непристойно, как звучит ;)
Я уверен, что многие из вас знакомы с кроличьей отметкой, которую наш приятель Иэн Лобб создал много лун назад. Если нет, то это был простой способ сравнить производительность различных методов рендеринга, возможных во флэш-памяти и других технологиях.
Мы подумали, что было бы неплохо сделать метку кролика для pixi.js! Он отлично справляется с выделением различий в скорости между webGL, canvas и различными устройствами. Сколько кроликов может выдержать ваша установка!? Нет, серьезно, сколько?! Комментируйте и помогите нам узнать, какие существуют самые быстрые комбинации устройства и браузера!
Кредиты для оригинального BunnyMark достаются Иэну Лоббу (код) и Аманде Лобб (арт), спасибо, ребята!
Вот некоторые цифры, которые мы записали для начала:
- MacBook Pro (Chrome)? 12 500 при 60 кадрах в секунду (webGL)
- MacBook Pro (Firefox)? 13 000 при 30 кадрах в секунду (webGL)
- Макбук Про (Сафари)? 5500 при 30 кадрах в секунду (холст)
- айфон 5? 1600 при 30 кадрах в секунду (холст)
- Ай фон 4 ? 250 при 30 кадров в секунду (холст)
- айпад 2? 940 @ 30fps (холст)
- Xbox 360 IE 9? 210 при 30 кадрах в секунду (холст)
Вдохновляющие вещи, так как вы можете легко сделать игру из менее чем 250 экранных ресурсов! И да, бог знает, что вы можете создать с 12 500 ;)
ОБНОВЛЕНИЕ: Загрузите вкусные файлы src здесь: http://www.goodboydigital.com/pixijs/bunnymark/ bunnymark.zip
