А НИМИРОВАННЫЕ ИЗОБРАЖЕНИЯ НА ХОЛСТЕ В этой главе мы уже касались простейшей анимации, но я хотел бы подробнее остановиться
на некоторых аспектах.
БИБЛИОТЕКА JAVASCRIPT PROCESSING Как вы вскоре увидите, перемещаться по холсту, рисуя линии и заливая формы, — это целая
проблема, однако уже появились библиотеки, значительно упрощающие работу с холстом
Одна из таких библиотек называется
processing.js (http://processingjs org/) Она написана
автором jQuery, Джоном Резигом
Вообще-то, первоначально она не предназначалась для облегчения рисования Эта библиотека
интерпретирует на JavaScript язык Processing, с помощью которого вы, в свою очередь, рисуете
на элементе холста processing js — это великолепный инструмент визуализации, позволяющий
создавать намного более сложные рисунки и использовать комплексные процедуры анимации
в API рисования 2D
Простая анимация — это, в сущности, попеременная очистка текущего состояния холста
и рисование новой картинки. Так как речь идет о холсте — естественном API рисования, —
то все происходит очень просто и быстро. Я покажу вам пример, в котором голова Брюса
будет скакать по всей поверхности холста. Этот пример основан на выдающемся учебнике
по работе с холстом авторства Билла Милла. Я всего лишь усовершенствовал урок, заставив
двигаться лицо Брюса вместо простого черного круга.
Код, результат исполнения которого показан на рис. 5.18, относительно прост. Он разбит
на следующие этапы:
1) инициализировать холст и объект;
2) очистить холст;
3) нарисовать на холсте мяч.
