canvas

2012-2013 учебный год

Лабораторный практикум. Семестр 6 

Содержание

• • Лабораторная работа 1. HTML5. Основы работы с Canvas

  • Лабораторная работа 2. Canvas: пути и фигуры

  • Лабораторная работа 3. Canvas: основы анимации

  • Лабораторная работа 4. Canvas: программирование анимации

  • Лабораторная работа 5. Canvas: интерактивные Web-документы

  • Лабораторная работа 6. Canvas: применение клавиатуры и мыши в интерактивных Web-документах

Презентации к лекциям

• • Лекция 2. Canvas: программирование рисунков, анимация

  • Пример. Canvas: 3D

Практикум по решению предметно-ориентированных задач

Лабораторный практикум

2012/2013 учебный год

Лабораторная работа 1. HTML5. Основы работы с Canvas

Краткая теория

Шаблон для работы с Canvas состоит из 3-х файлов

index.htm

main.css

main.js

Подготовка к выполнению упражнений

Создайте папку 3kurs на диске С:.

Для каждой задачи создавайте отдельную

папку в папке 3kurs. Например, для 1-го упражнения

1-й лабораторной работы создайте папку

upr-1-1

В папке upr-1-1 создайте файлы

index.htm

main.css

main.js

Упражнения

1. Выполните подготовку к выполнению упражнений,

см. <A href=#mytraining>Краткую теорию</A>.

2. Выполните пример программы из 1-й лекции:

построение прямоугольного треугольника с помощью пути.

3. Создайте координатную сетку.

4.*Создайте иллюстрацию к доказательству теоремы

Пифагора.

5.**Создайте форму, в которой задаются размеры

прямоугольника и при щелчке по кнопке в новом

окне строится прямоугольник.

Источники

http://htmlbook.ru/html5/canvas