44. Създаване на сцена и герои. Движение на герой. Създаване на анимация. Редактиране на код

 

Теоретични материали

Създаване на компютърен герой

 

В Scratch има възможност за добавяне на много герои (спрайтове), като всеки от тях може да изглежда по различен начин (да има различни костюми). Ще покажем как можем да реализираме това в JavaScript.

Някои от библиотеките за работа със спрайтове са codeguppy.com или p5.play.js. Ще използваме codeguppy.com за работа с графични обекти на JavaScript за задачите към урока.

 

Задача 1: Създаване на сцена

Създайте сцена в JavaScript, като използвате готови елементи на средата. Сцената трябва да има: 
  1. Поне 1 герой;
  2. Фоново изображение;
  3. 2 различни допълнителни обекта
  4. Звук.

Задача 2: Движение на героя

Добавете необходимите команди, за да раздвижите героя наляво-надясно и нагоре-надолу със стрелките:

1. Добавяме командите keyIsDown( LEFT_ARROW ) или RIGHT_ARROW, UP_ARROW, DOWN_ARROW.

2. Добавяме промяна в х и у позициите на героя, съответно с +5 или -5.

 

Задача 3: Добавяне на цветове и звук

Добавете необходимите команди, за да редактирате играта "Нашественици":

1. Добавете списък с цветове, за да стане всеки нашественик с различен цвят.

Използвайте командата random(). Примерен списък с цветове: ['Red','Blue','Purple','Green','Yellow','Pink','Orange']

2. Изберете звук от библиотеката и го добавете в кода, така че да се чува звук при всеки изстрел.

(намерете функцията, която е за клавиш 32 - това е спейсбара, с който се стреля.)