Ben the Bodyguard



С гладким вертикальным скроллом(smooth scroll) особенно отлично выглядит. В опере нативный смуз.
  • нет
  • avatar
  • 0
  • 0

HTML5 Game Dev Jam

В прошлом месяце, более 50 разработчиков собрались в Hilversum, Нидерландах, и Сан-Франциско, штат Калифорния на игры HTML5 Game Jam. У каждого участвовавшего было 24 часа на разработку игры на HTML5. Итак, первые места заняли:


Забавнейшая игра про ниндзю в стиле 8bit.


Паззл-игра, демонстрирующая физику в canvas.

Остальное на оф. блоге гугла
Регистрируйтесь на Mozilla Labs — Game on 2010, которое продлиться до Января 2011.

HTML5 reset



Уже появился HTML5 reset — это удобный шаблон для того чтобы начать проект с нуля. Автор пишет, что в ресете содержаться твики и патчи для IE с комментариями. Есть full и basic версия.

Оф. сайт

Impact HTML5 Game Engine - первый HTML5 движек



На этом движке реализована игра «Biolab Disaster», я уже об этом писал. Это чистый js и canvas. Сыграть можно здесь.

ImpactJS это:
  • визуальный редактор уровней, основанный на тайлсетах (Видео)
  • набор классов для работы со звуком, анимацией, коллизией и т.п.
  • физика «из коробки»
  • entity и триггеры
  • удобный упаковщик вашей игры «в коробку» (minifier)

Docs

Интересен и встроенный редактор уровней. Автор подметил что у него есть особая схожесть с редакторами уровней для Quake — Quark и Half-life engine игр — Valve Hammer Editor, так что у тех кто работал в этих редакторах, у вас не будет проблем с этим редактором. Все те же энтити и ивенты.



Пока сам движек еще не зарелизен и дата выхода не объявлена но можно подписаться на емейл уведомление о выходе. Уже в строю форум поддержки.

Релиз таки состоялся

Как делалась первая популярная HTML5 игра - "Biolab Disaster"



Игра сделана на чистом js, анимация спрайтовая, звук в формате ogg.


Кстате сам редактор можно уже потыкать указателем.
Видео о создании игры

Игра уже портирована на iPhone и работает без браузера, как standalone но с использованием OpenGL — видео

Что нового в HTML5?

  • В отличии от html4, у которого 3 валидатора, у html5 валидатор один :
  • <!DOCTYPE html>
  • HTML 5 поддерживает MathML и SVG
  • Новые теги: section, article, aside, hgroup, header, footer, nav, dialog, figure, video, audio, source, embed для вставки контента с плагином(только), mark, progress, meter, time, ruby, rt, rp, canvas, command, detailes, datalist, keygen, output.
  • Новые типы input: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color.
  • Новые атрибуты для тегов: атрибуты ping media для a и area и т.д.
  • Исчезание некоторых тегов, по причине того, что их можно заменить CSS: basefont, big, center, font, s, strike, tt, u
  • Исчезание фреймов из-за негативного влияния на всю страницу
  • Исчезание некоторых тегов, замененных в обновленной спецификации на более актуальные: acronym(используется abbr), applet(используется object), isindex, dir.
  • Не поддерживаются некоторые атрибуты у тегов из-за отсутствия необходимости: rev и charset у link и a, shape и coords у a и т.д.
  • Не поддерживаются некоторые атрибуты у тегов по причине того, что при использовании CSS добивается лучший эффект: align у всех тегов, alink, link, text, vlink у body и так далее.
  • Новые API:
    • Рисование 2D-картинок в реальном времени
    • Контроль над проигрыванием медиафайлов
    • Хранение данных в браузере
    • Редактирование
    • Drag-and-drop
    • Работа с сетью
    • MIME

Wikibooks
Отличия HTML5 от HTML4(англ.)

Первый видео и аудио плеер на HTML5 в рунете



Срочно понадобилось для сайта плеер для проигрывания аудио без использования flash. Я помнил еще далекие времена когда искал флеш-плеер и нашел его у ребят Uppod — их плеер понравился и с тех пор я не искал альтернатив. Как же я удивился, обнаружив их html5 player. Делаю ставку на Uppod, жаль поддержку плейлиста они еще не реализовали:

http://html5player.ru/