ты бы сделал?)

Requirements
Create a rectangular area.
Inside the rectangular area generate random shapes with random colours.
The shapes must fall down from top to bottom (the generated position is outside the top of the rectangle, the
bottom position is outside the bottom of the rectangle). The falling is controlled by the Gravity Value,
If you click inside the rectangle, a random shape of random colour will be generated at mouse position and start
falling.
If you click a shape, it will disappear.
Shape types:
3 sides, 4 sides, 5 sides, 6 sides, circle, ellipse, random (example Shape 3)
Visualization:
In the top left you will have two HTML text fields, one showing the number of shapes being displayed in the
rectangle. The other text field shows the surface area (in px^2) occupied by the shapes.
In the bottom you will add a couple of controls (HTML):
-/+ increase or decrease the number of shapes generated per second (update the text field accordingly)
-/+ increase or decrease the gravity value (update the text value accordingly)

фигуры, которые увеличивают свои углы

ты бы сделал?)

можешь заюзать скрипт для генерации рандомных цветов HEX)

const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'];

const btn = document.getElementById('btn');
const color = document.querySelector('.color');

btn.addEventListener('click', () => {
    let hexColor = '#';
    for (let x = 0; x < 6; x += 1) {
        hexColor += hex[getRandomNum()];
    }
    color.textContent = hexColor;
    document.body.style.backgroundColor = hexColor;
});

const getRandomNum = () => Math.floor(Math.random() * hex.length);

я про углы нечего не нашел

можешь заюзать скрипт для генерации рандомных цветов HEX)

const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'];

const btn = document.getElementById('btn');
const color = document.querySelector('.color');

btn.addEventListener('click', () => {
    let hexColor = '#';
    for (let x = 0; x < 6; x += 1) {
        hexColor += hex[getRandomNum()];
    }
    color.textContent = hexColor;
    document.body.style.backgroundColor = hexColor;
});

const getRandomNum = () => Math.floor(Math.random() * hex.length);

так они должны падать ?

да, падают и остаются внизу

остаются? то есть фигуры которые падают сверху, должны на них падать?

как сложно все (Math.random()*0xFFFFFFFFFF).toString(16).slice(0, 6)

ну накладываться будто их нет

у меня код, который любой джун поймет)

а мой нет? у меня еще проще

что-то даже задание норме понять не могу...так ладно, наверное не буду распыляться