Презентація "Інтерактивне кодування (ч.1)"

Про матеріал

Презентація стосується модуля креативного програмування в 10-11 класах. Розглянуто принципи малювання мишою на екрані монітора різноманітних геометричних фігур в інтерактивному режимі та подання відповідних програмних кодів.

Зміст слайдів
Номер слайду 1

Інтерактивне кодування. Креативне програмування

Номер слайду 2

Розглянемо малювання мишкою на екрані монітора різних фігур з використанням графічних примітивів.

Номер слайду 3

function setup() { create. Canvas(window. Width, window. Height); background(100);}function draw() { ellipse(mouse. X, mouse. Y, 20, 20);}Координати мишки

Номер слайду 4

Один з результатів виконання програми

Номер слайду 5

Зміна розмірів еліпса:ellipse(mouse. X, mouse. Y, random(50), random(50));function setup() { create. Canvas(window. Width, window. Height); background(100);}function draw() { ellipse(mouse. X, mouse. Y, random(50), random(20));}Координати мишки. Генерування розмірів

Номер слайду 6

Один з результатів виконання програми

Номер слайду 7

Зміна фону малюнкаbackground(0);function setup() { create. Canvas(window. Width, window. Height); background(0);}function draw() { ellipse(mouse. X, mouse. Y, random(20), random(50));}Чорний колір тла

Номер слайду 8

Один з результатів виконання програми

Номер слайду 9

Керування кольором:fill(red, green, blue)Встановлюється ТРИ значення для RGB від 0 дo 255:

Номер слайду 10

Малювання сліду руху мишки прямокутниками червоного кольору:function setup() { create. Canvas(window. Width, window. Height); background(0);}function draw() { fill(255, 0, 0); rect(mouse. X, mouse. Y, random(50),random(50));}

Номер слайду 11

Один з результатів виконання програми

Номер слайду 12

random(min, max)function setup() { create. Canvas(window. Width, window. Height); background(0);}function draw() { fill(random(100, 255), random(0, 100), random(0, 100)); ellipse(mouse. X, mouse. Y, random(30, 100));}fill(random(0,255), random(0,255), random(0,255))- генерування випадкових значень кольорів ( числа від 0 до 255)

Номер слайду 13

Один з результатів виконання програми

Номер слайду 14

Вибір кольору з використанням Нех (шістнадцяткового) коду. Вибір кольору

Номер слайду 15

function setup() { create. Canvas(window. Width, window. Height); background(0);}function draw() { fill(random(["#ffffff","#000000"])); circle(mouse. X, mouse. Y, random(30, 100));}Білий. Чорний

Номер слайду 16

Один з результатів виконання програми

Номер слайду 17

function setup() { create. Canvas(window. Width, window. Height); background(0);}function draw() { fill(random(["#264653","#2a9d8f","#e9c46a","#f4a261","#e76f51"])); circle(mouse. X, mouse. Y, random(30, 100));}Вибір кольору з набору. Набір кольорів

Номер слайду 18

Один з результатів виконання програми

Номер слайду 19

function setup() { create. Canvas(window. Width, window. Height); background(200); no. Stroke();}function draw() { fill(random(["#264653","#2a9d8f","#e9c46a","#f4a261","#e76f51"])); triangle(mouse. X, mouse. Y, 58, 20, 86, 75);}no. Stroke()Малювання фігури без канви. Малювати фігуру без канви

Номер слайду 20

Один з результатів виконання програми

Номер слайду 21

function setup() { create. Canvas(window. Width, window. Height); background(0); no. Stroke();}function draw() { fill(random(["#264653","#2a9d8f","#e9c46a","#f4a261","#e76f51"])); circle(random(width), random(height), random(30, 100));}Автоматичне малювання кіл

Номер слайду 22

Один з результатів виконання програми

Номер слайду 23

Додавання текстуfunction setup() { create. Canvas(window. Width, window. Height); background(0); no. Stroke(); text. Size(200); text. Font(load. Font("Ubuntu-Bold.ttf"));}function draw() { fill(random(["#264653","#2a9d8f","#e9c46a","#f4a261","#e76f51"])); circle(random(width), random(height), random(30, 100)); fill(255); text(“Escuela", mouse. X, mouse. Y);}

Номер слайду 24

Один з результатів виконання програми

Номер слайду 25

function setup() { create. Canvas(window. Width, window. Height); background(0); no. Stroke(); text. Size(200);}function draw() { fill(random(["#264653","#2a9d8f","#e9c46a","#f4a261","#e76f51"])); arc(random(width), random(height), 80, 80, 0, PI + QUARTER_PI); circle(random(width), random(height), random(30, 100)); triangle(mouse. X, mouse. Y, random(width), random(height), 86, 75); fill(255,50,100); text("Escuela",mouse. X,mouse. Y);}Художня виставка

Номер слайду 26

Номер слайду 27

Кінець

pptx
Додано
14 червня 2021
Переглядів
504
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку