Блог

Я создаю базовый платформер с p5.js и matter.js , но я не могу заставить углы закругляться на моем проигрывателе rect

 rect(player.position.x,player.position.y,10,10,3)
 

как мне создать округлый прямоугольник

Вы уверены, что используете самую последнюю версию p5.js ? Кажется, я не могу воспроизвести проблему в редакторе.

 function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  rect(50, 50, 10, 10, 3);
}
 

Дает мне:

Возможно, будет труднее увидеть эффект округления, потому что прямая кишка такая маленькая. Если бы мы увеличили размер и увеличили границу rect(50, 50, 50, 50, 10) :

Эффект становится более очевидным.

Добавьте новый параметр rect() в конце, чтобы добавить плавность краев:

 rect(x, y, width, height, smoothness);
 

Пример:

 rect(10,10,10,10,5);