Javascript. Горящие слова.

Javascript. Горящие слова.
Javascript. Создание эффекта горящих слов на основе html 5 элемента canvas.

Как известно , в связке с html5 + javascript можно создавать удивительные вещи. Недавно наткнулся на прикольный эффект горящих слов.

Сразу предупреждаю, эта штука не будет работать в браузерах internet explorer 8 и ниже , так как у них все очень плохо с поддержкой html5 canvas.

Для восьмой версии есть костыль в виде отдельной  библиотеки, однако он жутко тормозной. Впрочем я стараюсь не оглядываться на эти устаревшие браузеры и использую на новых сайтах html5, в конце концов пройдет еще пара лет и их эпоха закончится, как уже закончилась эпоха ie6. 

Итак, качаем нужную нам библиотеку отсюда . На сайте не совсем точно описано как запустить скрипт поэтому я на всякий случай приведу пример. Я скопировал файл burning-words-min в папку js корневой папке блога. Затем добавил вот этот скрипт: 

<script type="text/javascript" src="http://websiteprog.ru/js/burning-words-min.js">
</script>
<script type="text/javascript">
   var burning_words = new PonticStar.BurningWords;
   burning_words.show("Горящие слова", "FFFFCC", "Georgia", 70, "0C8C95", 0, "fast");
</script>

 получаем в итоге вот такой текст: 

 

Комментарии

Нет комментариев

Добавить комментарий