Как в canvas расположить элементы рандомно учитывая границы полотна?

Question

[Alexey Levicky]

Как в canvas расположить элементы рандомно, учитывая границы полотна (что бы элементы не заходили за пределы), учитывая центр полотна, допустим размер 100px X 100px, что бы в центр элементы тоже не попадали.

P.S. рандомно элементы отрисовал. Путаница с определением центра и границ.

Answer 1

[Andrey Perov]

по x и по y использовать функцию Math.random() и передавать туда диапазон

Comments

[Alexey Levicky]

Так и делаю, но элементы могут, так скажем, наезжать друг на друга, выходить за границы канваса почти на половину своей ширины, и еще надо что бы элементы игнорировали центр размером, к примеру, 100 на 100 пикселей

[Andrey Perov]

Aleksey Levickyj я где то когда только начинал js учить, как раз на canvas строил генерацию лабиринта, и рандомно располагал направление стенки 20 на 20 px, сейчас надо вспомнить где оно лежит и посмотреть

[Andrey Perov]

Aleksey Levickyj, А какой элемент вы рисуете рандомно?

[Alexey Levicky]

Andrey Perov, а разве есть значение?) допустим circle

[Andrey Perov]

Aleksey Levickyj, а на codePen или что то подобное можно выложить посмотреть в живую?

[Alexey Levicky]

Andrey Perov, в данный момент нет возможности)

[Andrey Perov]

Andrey Perov, я например разделял полотно на ячейки 20 на 20 и проверял где мы находимся в данный момент, если на границе полотна, то не рисовал на нем же)
here говно код страшный правда...

скорее всего нужен какой либо алгоритм, который не будет располагать элементы у центра, если я правильно вас понял

Answer 2

[Павел Корнилов]

if(x>0 && x<canvas.width - el.width && Math.abs(canvas.width/2 - x) > el.width/2) {
// рисуем элемент
}