title

Теория

Массивы позволяют работать сразу с несколькими элементами, а объекты — описывать их свойства. Вместо одной фигуры появляется набор элементов, каждый из которых может отличаться. Это переход от простого повторения к управляемой системе. Код начинает работать не с отдельной формой, а с коллекцией.

Массив — это список значений. Он позволяет хранить несколько элементов в одной переменной и перебирать их в цикле. Вместо того чтобы вручную создавать каждую фигуру, можно описать правило и применить его ко всему списку. Это упрощает код и делает его гибким.

Объект описывает свойства одного элемента. Например, у фигуры могут быть координаты, размер и цвет. Когда каждый элемент хранит свои параметры, поведение становится разнообразным. Так появляется возможность управлять не только формой, но и характером всей композиции.

let items = [
  { x: 100, y: 100, size: 40 },
  { x: 200, y: 150, size: 60 }
];

Массив хранит набор объектов. Каждый объект содержит свойства: позицию, размер или цвет. В цикле можно пройтись по всем элементам и отрисовать их. Это позволяет создавать сложные сцены из простых правил.

Ниже ты увидишь, как из массива объектов создаётся сцена. Сначала все элементы будут одинаковыми, а потом у каждого появятся свои параметры. Так ты увидишь, как коллекция начинает управлять визуальным результатом.

Практика

Начнём с простого массива. В нём хранится несколько элементов, и каждый из них будет отрисован. Пока все параметры одинаковые, но уже появляется структура.

Здесь создаётся массив элементов с одинаковыми параметрами. Затем цикл проходит по каждому элементу и рисует круг. Даже при одинаковых значениях уже появляется система, потому что код работает с набором данных. Это первый шаг к управляемым сценам.

Теперь добавим различия между элементами. Каждый объект будет иметь свои координаты и размер. Это сделает композицию более живой.

Здесь каждый объект хранит собственные параметры. Размер и позиция больше не одинаковые, поэтому композиция становится разнообразной. Массив задаёт структуру, а объекты — индивидуальность элементов. Так код начинает работать как система с множеством состояний.

Вывод

1. Массивы позволяют работать с множеством элементов
2. Объекты описывают свойства каждого элемента
3. Вместе они позволяют создавать сложные визуальные системы

Задание

Попробуй изменить параметры элементов внутри массива. В коде ниже есть варианты, которые можно раскомментировать. Обрати внимание, как изменения отдельных элементов влияют на всю композицию.

1. Измени размер элементов через случайное значение
2. Добавь разный цвет для каждого объекта
3. Попробуй изменить координаты, чтобы получить новую композицию