17.11.2020
статья
JS. Переменные #1

Всем Хай! Меня зовут Егор, мне 12 лет. Подробности обо мне найдете в моём профайле.
Сегодня я быренько расскажу о лёгеньких командах, которые должны знать все на ЭТОЙ платформе. Ну что же, поехали!

var - переменная. Необходима для создания сцены, спрайтов и т.д.
let - то же самое. Объяснять их разницу не буду.
Переменным можно задавать число, давать им вид и т.д
Например
var count = 0;
т.е сейчас я задал переменной "count"- число. Это необходимо для создания счёта и т.д
или
var stage = new Stage();
сейчас я создал сцену, т.е экран, на котором будет происходить всё остальное.
ну и последний пример -
var player = new Sprite();
Сейчас я этим создал спрайт(картинку), которой я буду задавать параметры.

ПАРАМЕТРЫ

Параметров у переменной ОЧЕНЬ много. Покажем несколько самых важных.

имяПеременной.size = число

как не трудно догадаться, это размер.Можно задать любой размер.
Например:
player.size = 20;

Далее.
Направление.

имяПеременной.direction = градус

так можно направить спрайт в определенный угол.
Например:

player.direction = 180;

Координаты(Длина)

имяПеременной.x = число
Так я задал определенное место нашему спрайту. Например:

player.x = 0;

Координаты(Высота)
Можно выставлять не только в длину, но и в высоту.

имяПеременной.y = 40;
Высота установлена. Например:

player.y = 400;

Еще одна штучка. Иногда может пригодиться.
Слой
Если вам надо, чтобы один спрайт накладывался на другого, используйте:
имя.layer = слой
Например:
meteorit.layer = 3
Этим самым я переместил на верхний слой спрайт.

Отдельно для сцены(stage)
Помните, я в начале говорил про сцену. Вот команды чтобы она работала.

Для начала заведите переменную.
 var stage = new Stage();

Давайте дадим ей фон

stage.addBackground('в кавычках ссылка на фон')

А потом запустим

stage.run();

Если нужно сделать стоп, пишем:

stage.stop();
Скобки писать обязательно!


Вот что получилось у меня:

var stage = new Stage();
stage.addBackground('https://get.wallhere.com/photo/window-snow-rain-glass-Freezing-weather-drop-buildings-drops-atmospheric-phenomenon-559622.jpg');

var player = new Sprite();
player.addCostume('https://avatanplus.com/files/resources/original/5b444cc634daf16482cbe649.png') //сама картинка
player.size = 40;
player.direction = 180;
player.x = 50
player.y = 100
player.layer = 3

stage.run();


Можете скопировать, поменять спрайты и фоны, и ваша заготовка для игры готова.
А пока что на этом всё. Если хотите, чтобы я выложил новую статью с более(а там их море) интересными командами, то пишите.

Вторая часть: https://platform.codeum.academy/posts/67
И, да, это не оригинальная библиотека JS, поэтому на чистой JS не заработает
Ссылка на библиотеку Codeum'а: https://github.com/codeum-academy/scrub.js/blob/master/dist/scrub.js

Всем удачи и до связи!

Комментарии (9)
Молодец, долго писал
Кстати, меня тоже зовут Егор
Хочу ещё таких статей
Зачем? Это всё есть в уроках...
Зачем, если это итак все знают????
Но всё равно прикольно
А для нубиков полезно