Как создать современный фон с вращающимися геометрическими фигурами в HTML5

Question

Я видел фон, который выглядит великолепно, но был написан с использованием Shockwave. Может ли это быть близко воспроизведено с использованием HTML5 (без плагинов)? В идеале это будет работать в IE9 +, Firefox 5+ и Chrome 9+. Эффект, который я хочу, находится под текстом «Настройте ваше спокойствие».

http://www.bluedotsafes.com/information.php?info_id=8

Рабочий пример использования jsfiddle был бы великолепен.

Это фрагмент кода Shockwave: http://jsfiddle.net/RWdeA/1/

Answer 1

Немного сложно показать весь пример здесь или jsfiddle, но взгляните на http://raphaeljs.com/, http://paperjs.org/ или http://easeljs.com/, все три библиотеки могут отображать текст и анимировать фоновые элементы.