ЗАДАНИЕ
Надо сделать приложение для браузера, показывающего основные графические возможности HTML5/JS/CSS. Браузер Файрфокс, Опера или другой под все ОС.
Примерный вариант. Как мне представляется.
В меню любые простые кнопки. Графика и интерфейс не надо прорабатывать.
Кнопка Открыть загружает приложение. HTML файл.
Кнопка Текст загружает текстовый файл.
Открыть Сценарий загружает файл сценария.
Кнопка Пуск/Пауза запускает приложение
Кнопка Стоп останавливает приложение.
Кнопки Вперед/Назад это пролистывание текста
Приложение это файл, который можно открыть в любом браузере в любой ОС
Файл сценария это простой текстовый файл, в котором записаны все переменные и их значения.
Когда приложение начинает работать, то оно считывает значения переменных, счетчиков из файла сценария.
Время выполнения приложения задается в файле сценария.
Текстовый файл это отрывок текста, подгружаемого как любой читалке.
Сценарий задает время и последовательность отображения эффектов.
Надо показать:
1. - загрузку 2-х геометрических фигур (квадрат и треугольник)
- размеры, положение, угол поворота, контрастность, степень прозрачности, видимость, передний/задний план (по отношению к друг другу) задаются в сценарии. Для каждой фигуры свой счетчик времени.
2. - дальше через несколько секунд начинается выполнение сценария.
-- фигуры с разным периодом в несколько секунд меняют скачкообразно случайным образом все характеристики.
3. - через 60-70 секунд треугольник вписывается в квадрат и 20-30 секунд квадрат меняет характеристики. При этом тоже происходит с треугольником, но только в пределах квадрата. Треугольник существенно меньше квадрата. Чтобы видно было движение в квадрате.
4. - в течении 10-15 секунд параметры фигур меняются плавно.
5. - теперь изменение параметров останавливается. Фигуры неподвижны. Становятся активными кнопки вперед-назад. Нажатие их запускает 2-3х секундный цикл изменения параметров. Надо показать работу кнопок.
И здесь надо делать запись в файл результатов. Надо записать дату, время, какая кнопка и начальные значения параметров фигур. После нажатия кнопок записать следующие значения. Раз 10-15. Файл назвать Результаты.txt. И надо задать его расположение. В файле записи, как я понимаю, в столбец.
Дата, время
Кнопка
Значение переменой 1
Значение переменной 2
….
6. Затем фигуры пропадают и появляется окно с предложением открыть текстовый файл
Файл открывается. Размер шрифта, цвет задаются из сценария. Шрифт пусть будет Ариал. Фоном для текста служит квадрат. В квадрате надо показать динамическую градиентную заливку. . Например, в начале слева направо цвет сине-зеленый, а через несколько секунд плавно переходит в зелено-красный. Также каждые несколько секунд меняются параметры шрифта (цвет, размер) квадрата (размер, положение, цвет, поворот). Текст можно листать вперед и назад кнопками Вперед-Назад.
Может еще что-то показать.
По достижении заданного таймером (в файле сценария) времени приложение останавливается.
mail:
dumand@gmail.com
skype: dumand