Size: a a a

JS Liberty [ОЫ]

2020 June 28

p

persona x grata in JS Liberty [ОЫ]
Oleksii Musiienko
ты бы сделал?)
да если бы сильно надо было, хоть кровь из ушей пошла бы, не спал бы два дня и постарался)
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
Oleksii Musiienko
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)
так они должны падать ?
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
а внизу с ними что должно происходить
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
Oleksii Musiienko
фигуры, которые увеличивают свои углы
я про углы нечего не нашел
источник

p

persona x grata in JS Liberty [ОЫ]
Oleksii Musiienko
ты бы сделал?)
можешь заюзать скрипт для генерации рандомных цветов 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);
источник

S

Syntax Highlight Bot in JS Liberty [ОЫ]
persona x grata
можешь заюзать скрипт для генерации рандомных цветов 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);
источник

OM

Oleksii Musiienko in JS Liberty [ОЫ]
Lupusregina[beta]
я про углы нечего не нашел
про углы то я сам не правильно понял, думал кнопки должны добавлять углы
источник

N

Nick in JS Liberty [ОЫ]
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
persona x grata
можешь заюзать скрипт для генерации рандомных цветов 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)
источник

OM

Oleksii Musiienko in JS Liberty [ОЫ]
Lupusregina[beta]
так они должны падать ?
да, падают и остаются внизу
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
Oleksii Musiienko
да, падают и остаются внизу
остаются? то есть фигуры которые падают сверху, должны на них падать?
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
или они пролетают вниз, за канвас
источник

OM

Oleksii Musiienko in JS Liberty [ОЫ]
Lupusregina[beta]
остаются? то есть фигуры которые падают сверху, должны на них падать?
ну накладываться будто их нет
источник

p

persona x grata in JS Liberty [ОЫ]
Lupusregina[beta]
как сложно все (Math.random()*0xFFFFFFFFFF).toString(16).slice(0, 6)
у меня код, который любой джун поймет)
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
Oleksii Musiienko
ну накладываться будто их нет
а помойму они пролетать должны
источник

L

Lupusregina[beta] in JS Liberty [ОЫ]
persona x grata
у меня код, который любой джун поймет)
а мой нет? у меня еще проще
источник

OM

Oleksii Musiienko in JS Liberty [ОЫ]
что-то даже задание норме понять не могу...так ладно, наверное не буду распыляться
источник

p

persona x grata in JS Liberty [ОЫ]
Lupusregina[beta]
а мой нет? у меня еще проще
хз, например пока буду вот это гуглить что значит, мой код уже давно прочитаю без проблем)

https://www.google.com/search?q=0xFFFFFFFFFF&oq=0xFFFFFFFFFF&aqs=chrome..69i57.3808797981j0j4&sourceid=chrome&ie=UTF-8
источник

OM

Oleksii Musiienko in JS Liberty [ОЫ]
поделаю чето по реакту лучше
источник

p

persona x grata in JS Liberty [ОЫ]
Oleksii Musiienko
что-то даже задание норме понять не могу...так ладно, наверное не буду распыляться
уточни у того кто дал задание
источник