Какие технологии стоят за Chrome Angry Bird - PullRequest
17 голосов
/ 13 мая 2011

Мне было интересно, что за технология используется Chrome Angry Bird ?

Используется HTML5 canvas для отображения. Для кода программирования логика, кажется, не флэш. Или команда Angry Bird переписывает свой код на JavaScript?

Ответы [ 5 ]

21 голосов
/ 13 мая 2011

Rovio (создатели Angry Birds) использовали Google Web Toolkit (GWT), чтобы сделать его доступным в браузере Chrome, как упоминалось в CNET .

Поскольку это сделано в GWT, это означает, что оно написано на Java и скомпилировано в javascript с использованием, как вы упомянули, html5 canvas.

EDIT:

Вот видео (youtube) от Google IO, где оно демонстрирует GWT и ForPlay, и как Angry Birds использует GWT, который опирается на WebGL и многие другие технологии HTML5 (локальное хранилище и т. Д.) - что такое Chrome один из главных направлений на.

Другой источник Рэй Кромвель - один из авторов GWT. Согласно этому источнику и упоминается в других, менее проверяемых местах, Angry Birds может также использовать Flash для воспроизведения звука из-за отсутствия некоторых частей тегов аудио в HTML5.

Обновление апрель 2012

Библиотека ForPlay, которую использовали Angry Birds, переместилась в библиотеку PlayN, расположенную здесь: http://code.google.com/p/playn/

4 голосов
/ 17 декабря 2011

Angry Birds для Chrome, написано с использованием библиотеки Google Playn.

http://code.google.com/p/playn/

1 голос
/ 15 июля 2011

Если вы посмотрите HTML (элементы DOM) игры в safari / chrome, вы увидите, что это даже не холст, а почти чистые HTML-дивы и множество CSS3-преобразований.

В игре всего несколько (около 3-5) элементов холста для неба и других мелких вещей.

Так что это не холст, как говорят люди.

(любопытство: даже можно изменить CSS элементов фона и настроить / взломать игру. =])

1 голос
/ 17 мая 2011

РЕДАКТИРОВАТЬ: После обсуждения с @WSkid я обнаружил, что это тяжелый GWT, и, вероятно, вообще не webgl.Вы не всегда можете быть правы:)


На самом деле это не GWT, это WebGL.Дело в том, что оригинальные angrybirds были написаны на opengl ES, т.е. opengl поддерживается большинством современных телефонов (android, iphone ...).Chrome усердно работает над созданием нового 3D-стандарта для Интернета - webgl.По сути, вы можете обрабатывать трехмерные объекты с помощью API javascript.

Что касается миграции, то оба языка основаны на openGL, что-то вроде сокращенного набора возможностей openGL, поэтому им пришлось внести несколько изменений в порт Angry birds дляГугл Хром.Однако это нелегко, потому что, будучи на низком уровне, вы всегда сталкиваетесь с трудными проблемами, например, при управлении текстурой.

more: http://www.khronos.org/opengles/ http://en.wikipedia.org/wiki/WebGL

myдва цента ...

0 голосов
/ 13 мая 2011

[ПОЖАЛУЙСТА, ВИДИТЕ НАСТОЯЩИЙ ОТВЕТ НИЖЕ] Angry Bird's недавно была перенесена на платформу Android, которая и попала на платформу Chrome OS. Скорее всего, это всего лишь слегка измененная версия версии Android.

...