60752

Рух графічних зображень за допомогою циклів

Конспект урока

Педагогика и дидактика

Мета: ознайомити учнів з поняттям анімації; навчити створювати рухи окремих елементів, створювати анімацію програмним способом; розвивати логічне і образне мислення; виховувати любов до прекрасного.

Украинкский

2014-05-21

58.5 KB

0 чел.

Рух графічних зображень за допомогою циклів.

Мета: ознайомити учнів з поняттям анімації; навчити створювати рухи окремих елементів, створювати анімацію програмним способом; розвивати логічне і образне мислення; виховувати любов до прекрасного.

І. Мотивація навчання (зацікавлення темою уроку)

Я прочитаю вам уривок з відомого твору:

(СЛАЙД)

Вогонь у Келиху знову почервонів. З нього сипонули іскри. Вгору раптом шугонув довжелезний язик полум'я, який виніс іще один клапоть пергаменту…

Яку асоціацію викликає у вас цей уривок? Що це за твір?

(СЛАЙД)

Думаю, що ви здогадалися, якщо ні - то продовження вам напевно ж підкаже…

(СЛАЙД)

Дамблдор автоматично простяг руку й схопив пергамент. Розгорнув його перед собою і глянув на ім'я, що було в ньому…

Уривок з твору Джоан Ролінг

Гарі Потер і келих вогню

А чи можна відтворити зображення вогню за допомогою техніки, зокрема, комп’ютера? Думаю, що це запитання дещо риторичне, бо майже кожен учень грався в комп’ютерні ігри, а, значить, зустрічався з імітацією природних стихій.

Хочу вам показати одну таку анімацію.

(ВОГОНЬ)

Вам сподобалося? Ви б хотіли зробити щось подібне? Чи можливо створити таке самостійно? Звичайно, що так. Дане зображення створюється з безлічі кіл, що зароджуються в центрі екрану, вони змінюють свій колір на певному етапі, зменшуються в розмірі та змінюють напрямок руху.

За сьогоднішній урок такого, звичайно, ми не зможемо зробити, але розглянемо початкові елементи, які допоможуть вам в майбутньому створити таку анімацію.

ІІ. Повідомлення теми і мети уроку

(СЛАЙД)

Тому темою нашого уроку є «Рух графічних зображень за допомогою циклів», тобто,  створення анімацій засобами мови програмування Паскаль. Відкрийте зошити і запишіть тему сьогоднішнього уроку.

Ви ознайомитеся з поняттям анімації, навчитеся створювати рухи окремих елементів та створювати анімацію програмним способом.

ІІІ. Подача нового матеріалу (метод – бесіда з елементами демонстрацій та проблемними питаннями)

Анімацією прийнято називати відтворення руху щляхом відображення послідовності малюнків-кадрів з частотою, при якій забезпечується цілісне зорове сприйняття образів.

Як правило, для плавного відтворення анімації необхідна швидкість, що забезпечує зміну частоти кадрів не менше 10 кадрів за секунду. Для комп’ютерної анімації частота зміни кадрів за секунду екранного часу складає 10-16, для кіноматографа – 24. При недостатній кількості кадрів стає помітним розходження в послідовному зображенні об’єкта, що приводить до його різкого переміщення.

Яка, на вашу думку, різниця між анімацією і відео?

Відео використовує безупинний рух і розбиває його на множину дискретних кадрів:

(відео-РОЛИК gari.avi)

В даному випадку ми  маємо 15-тисекундний фільм, розбитий на 79 кадрів.

Анімація ж використовує множину незалежних малюнків або графічних файлів, які виводяться в певній послідовності для створення ілюзії безупинного руху.

Подумайте, з яких етапів має складатися процес створення анімації?

Вони такі:

  •  розміщення об’єктів в заданих точках екрану;
  •  відображення об’єктів протягом певного проміжку часу;
  •  знищення об’єктів.

Оскільки ці дії будуть повторюватися, то їх необхідно виконувати в … циклі.

Який формат запису циклу з параметром?

FOR <параметр циклу>:=<поч зн> TO <кін зн> DO <дія>;

Якщо після DO необхідно виконувати більше ніж одну дію, то їх беруть … в операторні дужки BEGINEND.

За що буде відповідати параметр циклу в нашому випадку?

- за  кількість повторень, за зміну положення фігури, її розмір та колір.

Яким же чином виконати побудову рухомого кола?

Наприклад, в програмі є процедура побудови кола:

SetColor(4);

Circle(80, 80, 10);

Для того, щоб коло виводилося, наприклад, 20 раз, організовуємо цикл:

For i:=1 to 20 do begin

 SetColor(4);

Circle(80, 80, 10);

end;

Але чи буде коло рухатися? Ні, воно буде будуватися 20 раз, але на одному і томуж місці.

Для того, щоб коло рухалося по горизонталі вправо, має зростати його координата Х. Як це зробити? Необхідно надати параметру Х зміну, застосувавши параметр, що змінюється, а саме параметр циклу і:

 For i:=1 to 20 do begin

 SetColor(4);

Circle(80+i, 80, 10);

end;

Прошу сідати за свої комп’ютери.

Запустіть Паскаль.

Відкрийте заготовку - програму GRAF.pas.

Впишіть даний фрагмент програми і запустіть програму на виконання.

Коло рухається, але попереднє коло не зникає, а нове появляється із зміщенням, тобто появляється «шлейф».

Що слід зробити для того, щоб на екрані відбувався рух одного кола?

  •  необхідно попереднє коло стирати, наприклад, на його місці будувати інше коло – коло кольору фону.

Тоді програма буде мати такий вигляд:

 For i:=1 to 20 do begin

 SetColor(4);

Circle(80+i, 80, 10);

Delay(10000); {призупинка виконання програми}

SetColor(0);

Circle(80+i, 80, 10);

end;

Змініть програму і запустіть її на виконання.

Чи можна використати інший спосіб для затирання попереднього малюнка?

  •  можна здійснювати затирання шляхом накладання зафарбованого прямокутника кольору фону:

Яка процедура дає можливість будувати зафарбований прямокутник?

 SetFillStyle (сп зафарбув, колір); {вказується стиль зафарбування}

 Bar (x1,y1,x2,y2); {будує зафарбований прямокутник, параметри – вершини кутів по діагоналі}

For i:=1 to 20 do begin

 SetColor(4);

Circle(80+i, 80, 10);

Delay(10000); {призупинка виконання програми}

SetFillStyle (1, 0);

Bar (60+i, 60, 100+i, 100);

end;

  •  або, ще можна використати спеціальні процедури, які вміють зберігати і змінювати область екрану, але цей спосіб ви розглянете на наступному уроці.

Давайте узагальнимо зміну координат точки під час руху з допомогою виведеного  малюнка. Для здійснення руху по горизонталі надають зміну координаті Х, для руху по вертикалі – надають зміну координаті У, якщо рух має бути по діагоналі, то зміну надають обом координатам.

Аналогічно, якщо необхідно збільшувати чи зменшувати розміри фігури, то змінюють, наприклад, її радіус, для зміни ж кольору параметр циклу пишуть в процедурах, що впливають на колір фігури.

IV. Практична робота

У вас на партах картки з практичним завданням.

Учні, що найкраще справляться з поставленим перед ними завданням, отримають оцінки.

Пояснення до практичних завдань.

  1.  Відкрийте файл GARI.pas
  2.  Запустіть його на виконання.
  3.  Перейдіть в ту частину програми, де вказано {zavdannya 4}
  4.  Запрограмуйте рух пучка світла з точки з координатами (188, 326).

Підказка:

- коло радіуса 1,

- повторень 125,

- коло має залишати «шлейф».

  1.  Перейдіть в ту частину програми, де вказано {zavdannya 7}
  2.  Запрограмуйте рух комети (рух по діагоналі )
    •  початкове положення кола - точка з координатами (540, 60), коло має зупинитися біля лівої руки;
    •  коло має бути зафарбованим;
    •  кольори мають змінюватися;
    •  «шлейф» має залишатися.
  3.  Покажіть виконане для контролю.

Додаткове завдання

  1.  Перейдіть в ту частину програми, де вказано {zavdannya dodatkove}
  2.  Запрограмуйте рух павука вверх екрану (замальовку попереднього зображення здійснювати накладанням зафарбованого прямокутника – колір 7)
  3.  Покажіть виконане для контролю.

V. Підведення підсумків уроку.

У вигляді бесіди:

Оцініть себе – який об’єм роботи ви змогли зробити по відношенню до зразка?

(РОЛИК) демонстрація готової роботи.

1) Якої мети ми сьогодні хотіли досягнути на уроці? Чи вдалося нам це зробити?

2) Які помилки при створенні рухомих об’єктів у вас виникали?

На що слід звертати увагу при створенні анімації?

VI. ДЗ

Написати програму руху кола по прямокутнику


 

А также другие работы, которые могут Вас заинтересовать

22386. МЕТОД РАСЧЕТА КОНСТРУКЦИЙ ПО ПРЕДЕЛЬНЫМ СОСТОЯНИЯМ. СУЩНОСТЬ МЕТОДА. ДВЕ ГРУППЫ ПРЕДЕЛЬНЫХ СОСТОЯНИЙ. КЛАССИФИКАЦИЯ НАГРУЗОК. ОСНОВНЫЕ ПОЛОЖЕНИЯ РАСЧЕТА 17.19 KB
  Конструкция может потерять необходимые эксплуатационные качества по одной из двух причин: 1 в результате исчерпания несущей способности разрушения материала в наиболее нагруженных сечениях потери устойчивости некоторых элементов или всей конструкции в целом; 2 вследствие чрезмерных деформаций прогибов колебаний осадок а также изза образования трещин или чрезмерного их раскрытия. Строительные конструкции рассчитывают по методу предельных состояний который дает возможность гарантировать сохранение...
22387. ИЗГИБАЕМЫЕ ЭЛЕМЕНТЫ. РАСЧЕТЫ ПРОЧНОСТИ ПО НОРМАЛЬНЫМ И НАКЛОННЫМ СЕЧЕНИЯМ ЭЛЕМЕНТОВ ПРЯМОУГОЛЬНОГО И ТАВРОВОГО ПРОФИЛЯ. РАСЧЕТ ПОПЕРЕЧНЫХ СТЕРЖНЕЙ 866.99 KB
  РАСЧЕТЫ ПРОЧНОСТИ ПО НОРМАЛЬНЫМ И НАКЛОННЫМ СЕЧЕНИЯМ ЭЛЕМЕНТОВ ПРЯМОУГОЛЬНОГО И ТАВРОВОГО ПРОФИЛЯ. Поперечные стержни сеток распределительная арматура принимают меньших диаметров общим сечением не менее 10 сечения рабочей арматуры поставленной в месте наибольшего изгибающего момента; располагают их с шагом 250 300 мм но не реже чем через 350 мм. Железобетонные балки могут иметь прямоугольные тавровые двутавровые трапецеидальные поперечные сечения рисунок 7.2 – Формы поперечного сечения балок и схемы их армирования а прямоугольная;б...
22388. Сжатые и растянутые элементы. Конструктивные особенности. Расчет прочности центрально И Внецентренно растянутых элементов. Расчет внецентренно сжатых элементов таврового и двутаврового сечений 1.23 MB
  Расчет прочности центрально И Внецентренно растянутых элементов. Расчет внецентренно сжатых элементов таврового и двутаврового сечений. НАПРЯЖЕННОЕ СОСТОЯНИЕ РАСТЯНУТЫХ И СЖАТЫХ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ Сжатые элементы. Конструктивные особенности сжатых элементов К центральносжатым элементам условно относят: промежуточные колонны в зданиях и сооружениях; верхние пояса ферм загруженных по узлам; восходящие раскосы и стойки ферменной решетки.
22389. ТРЕЩИНОСТОЙКОСТЬ И ПЕРЕМЕЩЕНИЯ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ. СОПРОТИВЛЕНИЕ ОБРАЗОВАНИЮ ТРЕЩИН ЦЕНТРАЛЬНО РАСТЯНУТЫХ, ИЗГИБАЕМЫХ, ВНЕЦЕНТРЕННО СЖАТЫХ И РАСТЯНУТЫХ ЭЛЕМЕНТОВ. ТРЕЩИНОСТОЙКОСТЬ И ПЕРЕМЕЩЕНИЯ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ 101.52 KB
  ТРЕЩИНОСТОЙКОСТЬ И ПЕРЕМЕЩЕНИЯ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ. СОПРОТИВЛЕНИЕ ОБРАЗОВАНИЮ ТРЕЩИН ЦЕНТРАЛЬНО РАСТЯНУТЫХ ИЗГИБАЕМЫХ ВНЕЦЕНТРЕННО СЖАТЫХ И РАСТЯНУТЫХ ЭЛЕМЕНТОВ. ТРЕЩИНОСТОЙКОСТЬ И ПЕРЕМЕЩЕНИЯ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ. Общие положения Трещиностойкость элементов как условлено ранее это сопротивление образованию трещин в стадии I или сопротивление раскрытию трещин в стадии II.
22390. РАСЧЕТ ПО ОБРАЗОВАНИЮ ТРЕЩИН, НОРМАЛЬНЫХ И НАКЛОННЫХ К ПРОДОЛЬНОЙ ОСИ ЭЛЕМЕНТА. СОПРОТИВЛЕНИЕ РАСКРЫТИЮ ТРЕЩИН. ОПРЕДЕЛЕНИЕ РАССТОЯНИЯ МЕЖДУ ТРЕЩИНАМИ 235.22 KB
  РАСЧЕТ ПО ОБРАЗОВАНИЮ ТРЕЩИН НОРМАЛЬНЫХ И НАКЛОННЫХ К ПРОДОЛЬНОЙ ОСИ ЭЛЕМЕНТА. СОПРОТИВЛЕНИЕ РАСКРЫТИЮ ТРЕЩИН. ОПРЕДЕЛЕНИЕ РАССТОЯНИЯ МЕЖДУ ТРЕЩИНАМИ. Расчет по образованию трещин нормальных к продольной оси элемента Этот расчет заключается в проверке условия что трещины в сечениях нормальных к продольной оси элемента не образуются если момент внешних сил М не превосходит момента внутренних усилий в сечении перед образованием трещин Мcrcт.
22391. КРИВИЗНА ОСИ ПРИ ИЗГИБЕ, ЖЕСТКОСТЬ И ПЕРЕМЕЩЕНИЯ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ. ОБЩИЕ ПОЛОЖЕНИЯ РАСЧЕТА 161.5 KB
  КРИВИЗНА ОСИ ПРИ ИЗГИБЕ ЖЕСТКОСТЬ И ПЕРЕМЕЩЕНИЯ ЖЕЛЕЗОБЕТОННЫХ ЭЛЕМЕНТОВ. ОБЩИЕ ПОЛОЖЕНИЯ РАСЧЕТА Расчет перемещений железобетонных элементов прогибов и углов поворота связан с определением кривизны оси при изгибе или с определением жесткости элементов. Считается что элементы или участки элементов не имеют трещин в растянутой зоне если при действии постоянных длительных и кратковременных нагрузок с коэффициентом надежности по нагрузке γf= 1 трещины не образуются. Кривизна оси при изгибе и жесткость железобетонных элементов на участках...
22392. БЕТОН. СТРУКТУРА БЕТОНА. ПРОЧНОСТЬ И ДЕФОРМАТИВНОСТЬ. КЛАССЫ И МАРКИ БЕТОНА. АРМАТУРА. НАЗНАЧЕНИЕ И КЛАССИФИКАЦИЯ. МЕХАНИЧЕСКИЕ СВОЙСТВА. АРМАТУРНЫЕ СВАРНЫЕ ИЗДЕЛИЯ 130.03 KB
  СТРУКТУРА БЕТОНА. КЛАССЫ И МАРКИ БЕТОНА. В связи с этим в бетоне со временем прочность нарастает несколько изменяется объем в зависимости от соотношения состава бетона и химического состава цемента происходит усадка или при использовании специальных цементов расширение. По этим полостям и частично капиллярам возможно перемещение влаги и газа в толще бетона.
22393. ЖЕЛЕЗОБЕТОН. ОСОБЕННОСТИ ЗАВОДСКОГО ПРОИЗВОДСТВА. ПРЕДВАРИТЕЛЬНО-НАПРЯЖЕННЫЙ ЖЕЛЕЗОБЕТОН. АНКЕРОВКА АРМАТУРЫ В БЕТОНЕ. СЦЕПЛЕНИЕ АРМАТУРЫ С БЕТОНОМ. УСАДКА И ПОЛЗУЧЕСТЬ ЖЕЛЕЗОБЕТОНА 435.32 KB
  УСАДКА И ПОЛЗУЧЕСТЬ ЖЕЛЕЗОБЕТОНА. СПЕЦИАЛЬНЫЕ ВИДЫ ЖЕЛЕЗОБЕТОНА. Железобетон состоит из бетона и стальной арматуры. В изгибаемых элементах высокое сопротивление бетона сжатию используется в сжатой зоне а высокое сопротивление арматуры растяжению в растянутой зоне где бетон слабо сопротивляется растяжению и в нем образуются трещины рисунок 2.
22394. КЛАССИФИКАЦИЯ ЗДАНИЙ И СООРУЖЕНИЙ. КОНСТРУКТИВНЫЕ ЭЛЕМЕНТЫ НАДЗЕМНОЙ ЧАСТИ ПРОМЫШЛЕННЫХ ЗДАНИЙ 213.84 KB
  Различные строительные объекты здания и сооружения в зависимости от их назначения можно подразделить на четыре основные группы: жилые и общественные здания которые объединяются общим названием гражданские здания; к общественным зданиям относятся общежития клубы больницы школы.различные административные здания учебные театральнозрелищные торговые здания и т.; промышленные здания здания фабрик заводов и других производственных помещений здания гаражей электростанций котельных и т. сельскохозяйственные здания здания...