Тема: Динамічна графіка

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

Інформатика, 7 клас НУШ

Тема: Динамічна графіка

Тип уроку:

Урок засвоєння нових знань з елементами практичної роботи

Мета уроку

Навчальна:

• сформувати поняття про динамічну графіку;
• ознайомити учнів із принципами створення анімації;
• навчити створювати прості об’єкти динамічної графіки.

Розвивальна:

• розвивати логічне мислення;
• формувати творчі здібності;
• удосконалювати цифрову грамотність.

Виховна:

• виховувати інформаційну культуру;
• формувати відповідальність під час роботи з комп’ютером;
• розвивати інтерес до сучасних цифрових технологій.

Обладнання

• комп’ютери;
• мультимедійний проєктор;
• презентація;
• програмне середовище (Scratch / Canva / PowerPoint / Pivot Animator).

Хід уроку

I. Організаційний момент (1–2 хв)

Вітання

Добрий день!
Сьогодні ми поринемо у світ рухомих зображень і дізнаємося, як звичайний малюнок можна «оживити».

II. Мотивація навчальної діяльності (3 хв)

Учитель демонструє коротке анімоване зображення.

Запитання до учнів:

• Чим це зображення відрізняється від звичайного?
• Де ми зустрічаємо рухомі зображення?
• Як можна створити ефект руху?

Висновок:
Такі зображення належать до динамічної графіки.

III. Повідомлення теми і мети уроку (2 хв)

Тема уроку:

«Динамічна графіка»

Сьогодні ми:

• з’ясуємо, що таке динамічна графіка;
• дізнаємося, як вона створюється;
• створимо власний анімований об’єкт.

IV. Вивчення нового матеріалу (10 хв)

1. Що таке динамічна графіка

Динамічна графіка — це графічні об’єкти, які змінюються з часом і створюють ефект руху.

2. Де використовується

• мультфільми;
• комп’ютерні ігри;
• реклама;
• навчальні відео;
• вебсайти.

3. Як створюється рух

Ефект руху виникає через:

• зміну положення;
• зміну кольору;
• зміну розміру;
• зміну форми об’єкта.

V. Практична робота (18 хв)

Практична робота:

Вправа 1. «Рухоме коло»

Завдання

Створити коло, яке:

• рухається по екрану;
• змінює колір;
• збільшується.

Код програми

import turtle
import time

screen = turtle.Screen ( )
screen.bgcolor ("white")

pen = turtle.Turtle ()
pen.shape("circle") (створює об’єкт у формі кола)
pen.speed (1)

colors = ["red", "blue", "green", "purple"] (змінює колір)

for i in range (4):
    pen.color(colors[i])
    pen.shapesize (1 + i) (змінює розмір фігури)
    pen.forward (50)(переміщує фігуру вперед)
    time.sleep (0.5)

turtle.done ( )

Вправа 2. «Анімація руху м’яча з відскоком»

Завдання

Створити анімацію, де:

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

   Код програми

import turtle
import random

# Налаштування екрана
screen = turtle.Screen ( )
screen.title ("Динамічна графіка: м'яч")
screen.bgcolor("white")
screen.setup(width=600, height=400)

# М'яч
ball = turtle.Turtle()
ball.shape("circle")
ball.color("red")
ball.penup()

# Початковий рух
ball.dx = 3
ball.dy = 3

colors = ["red", "blue", "green", "orange", "purple", "black"]

# Головний цикл анімації
while True:
    x = ball.xcor ( ) + ball.dx
    y = ball.ycor() + ball.dy
    ball.goto(x, y)

    # Межі екрану
    if x > 290 or x < -290:
        ball.dx *= -1
        ball.color(random.choice(colors))

    if y > 190 or y < -190:
        ball.dy *= -1
        ball.color(random.choice(colors))

Пояснення для учнів

 dx, dy

Це швидкість руху по осях:

• dx — по горизонталі
• dy — по вертикалі

while True

Створює безкінечну анімацію.

 xcor() і ycor()

Показують поточні координати об’єкта.

Умови відскоку

if x > 290 or x < -290:

— перевірка меж екрану.

Зміна кольору

random.choice(colors)

— випадковий колір.

VI. Фізкультхвилинка (2 хв)

«Комп’ютерна зарядка»

Учні виконують рухи:

• очима вгору-вниз;
• вправо-вліво;
• кругові рухи плечима;
• потягування.

VII. Підсумок уроку (5 хв)

Бесіда:

• Що таке динамічна графіка?
• Де її використовують?
• Що було найцікавішим?

Метод «Мікрофон»

Сьогодні я дізнався(лася)…
Мені сподобалося…
Було складно…

Рефлексія

— все зрозуміло
— були труднощі

— потрібна допомога

Домашнє завдання

Обов’язкове:
повторити поняття «динамічна графіка».

Творче:
створити вдома коротку анімацію або знайти приклади динамічної графіки в рекламі.