Дешевый хостинг



 

Фотогалерея для сайта с использованием HTML5 Canvas

Автор: ducks99 | Дата: 25-02-2012 в 10:41 | Просмотров: 1175 | Комментариев: 0



Фотогалерея для сайта с использованием HTML5 Canvas
В этом уроке мы создадим фотогалерею для сайта с использованием HTML5 Canvas и CSS3. Смотрите демо-версию, чтобы оценить эффект при наведении на изображение. Оттенки серой «копии» основного изображения создаются с помощью Canvas, а также с CSS3 для плавного изменения «копии» на основное изображение. Коротко о том, что такое Canvas. Спецификация HTML5 включает множество новых тегов, одним из которых является canvas. HTML5 Canvas — предоставляет простой и хороший способ работы с графикой и рисованием с использованием javascript. Следует также знать, что рисование ведется в растровой форме, таким образом, нарисовав на Canvas какую-либо фигуру, её нельзя будет редактировать или удалить отдельно, можно только стереть целую область Canvas. И так приступим:

Категория: Создание и разработка

 

HTML5 CANVAS: игра Lines

Автор: Suvitruf | Дата: 13-10-2011 в 00:24 | Просмотров: 1468 | Комментариев: 0



HTML5 CANVAS: игра Lines
Lines (Color Lines, в народе Шарики) — логич. компьютерная игра, изобретённая в 1992 году.

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

Ради интереса решил сделать что-то подобное используя, элемент Canvas в HTML5.

Категория: Создание и разработка