RGraph - графическая библиотека HTML5 canvas для построения графиков



RGraph — js библиотека, с помощью которой можно быстро и удобно строить графики и диаграммы на html5 canvas. Из особенностей можно выделить интеграцию c server-side скриптами и дополнительные возможности вроде zoom, tooltips и пр. Виды графиков:

  • круговые
  • столбиковые(вертик. и горизонтальные)
  • цилиндрические
  • кольцевые
  • линейные
  • диаграмма Gantt'a
  • в виде прогрес бара и др.

Поддерживается браузерами:

  • Mozilla Firefox 3.0+
  • Google Chrome 1+
  • Apple Safari 3+
  • Opera 9.5+
  • Microsoft Internet Explorer 8+ (see note)
  • iPhone (text support from iOS v4+)
  • iPad (text support from iOS v4.2+)



Читать дальше →

Modernizr - инструмент для определения поддержки ccs3 и html5 для любого браузера




Модернизер — это удобный инструмент, который поможет при разработке сайта с использованием html5 и css3. Вся суть заключается в том что этот инструмент показывает css3 html5 свойства, которые полностью, частично либо вовсе не поддерживает ваш браузер.

HTML5 Game Dev Jam

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


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


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

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

HTML5 + Box2d. Подключаем физический движок.



Некоторые из вас возможны знакомы с самим физическим движком Box2d, который портирован на различные платформы и стал особенно популярный на платформе Flash. Так вот, Box2d отныне портирован и на JS, но по правде сказать это автоматический конверт с Box2DFlashAS3_1.4.3.1.

Вкратце, Box2d — это двухмерный физический движок, с помощью его мы и попробует сделать игру на HTML5. Все исходники и примеры доступны для скачивания:
Читать дальше →

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 — видео