Каково текущее состояние дел в библиотеках и фреймворках JavaScript HTML canvas? [закрыто]

Взгляните на структуру processingjs . Также в грядущей версии mootools 2.0 будет арт-проект для работы с холстом

Я работаю над fabric.js - библиотекой для работы с холстом, которая помогает именно в этом - манипулировать объектами на холсте, обрабатывая события и взаимодействия с пользователем. Она еще не выпущена, но посмотрите на простую демонстрацию предварительного просмотра.

Вы также можете увидеть его в действии в этом редакторе дизайна, для которого он был изначально создан.

Редактировать: Проект теперь доступен на github (с открытым исходным кодом по лицензии MIT)

Чтобы начать, посмотрите:

• Демонстрации (простые и сложные, с кодом, чтобы показать, как они делаются)
• Презентация Fabric.js на FalsyValues (и еще одна на BK. js)
• Вики на github (включая FAQ)
• Документация
• Google Group (задавайте любые вопросы там)
• Fabric.js на twitter (или короткие вопросы через twitter)
• Введение в Fabric.js: Часть 1 (статья на ScriptJunkie)
• Введение в Fabric.js: Часть 2 (статья на ScriptJunkie)

Чем Fabric отличается от других библиотек Javascript canvas? Вот сравнительная таблица.

Существует интересная библиотека , цель которой - улучшить некоторые основ работы с Canto API под названием canto.js Дэвидом Фланаганом, автором Javascript: The Definitive Guide .

CAKE.js больше не поддерживается, но является довольно мощным фреймворком - http://code.google.com/p/cakejs/

Демонстрации здесь - http://glimr.rubyforge.org/cake/canvas.html, http://glimr.rubyforge.org/cake/missile_fleet.html

Aves Engine действительно великолепен: http://www.dextrose.com/en/projects/aves-engine

Также, Akihabara кажется хорошим: http://www.kesiev. com/akihabara/

Я удивлен, что никто не упомянул WebGL и фреймворки, построенные на его основе. Я бы посчитал его высоко в списке самых современных для 3D-графики с ускорением на графическом процессоре и сложной анимации на холсте HTML / javascript.

WebGL является кроссплатформенным, бесплатный веб-стандарт для низкоуровневый API 3D-графики на основе OpenGL ES 2.0, доступный через Элемент холста HTML5 как документ Интерфейсы объектной модели. ...

WebGL приносит 3D без плагинов в Интернет, реализован прямо в браузере. Основные поставщики браузеров Apple (Safari), Гугл (Хром), Мозилла (Файрфокс), и Opera (Опера) являются членами Рабочая группа WebGL.

WebGL очень хорошо поддерживает графику с ускорением на GPU. Посмотрите эти шейдеры демонстрации GLSL. :-) И см. ChemDoodle как пример взаимодействия с пользователем.

Я работаю над приложением, использующим фреймворк Google O3D, который управляет графом сцены и использует WebGL для рендеринга (раньше использовался собственный подключаемый модуль). O3D находится в стадии разработки, и его документация не полностью обновлена, но он активно развивается, и есть хорошие демо. 3D Pool может быть самым подходящим для вас. Разработчики Google очень отзывчивы на вопросы в группе обсуждения.

Существует ряд других фреймворков, построенных на WebGL; см. здесь. Среди тех, в которых упоминается разработка игр и графы сцен, — Copperlicht, SceneJS, X3DOM.

WebGL работает в последних сборках нескольких браузеров, но не в IE.Я использовал Firefox («Минное поле») и Chromium с хорошими результатами. Вам понадобится один из них для запуска приведенных выше демонстраций.

Однако, если ваши требования заключаются в том, что он не должен иметь никаких зависимостей, кроме HTML 5 canvas / js, WebGL может оказаться неправильным выбором. не похоже, что IE будет поддерживать его в ближайшее время.

Обновление: после большого сопротивления MS решила поддерживать WebGL в IE 11.