Можностей, предоставляемых веб-разработчикам


А НИМИРОВАННЫЕ ИЗОБРАЖЕНИЯ НА ХОЛСТЕ



Pdf көрінісі
бет205/232
Дата06.01.2022
өлшемі5,47 Mb.
#12231
1   ...   201   202   203   204   205   206   207   208   ...   232
Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

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


Достарыңызбен бөлісу:
1   ...   201   202   203   204   205   206   207   208   ...   232




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет