p5.js - 如何创建圆角矩形？

Question

我正在使用 p5.js 和 matter.js 制作一个基本的平台游戏，但我无法在我的播放器矩形上圆角

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

我如何做一个圆形矩形

标签： p5.jsrounded-cornersrect

Answer 1

您确定您使用的是最新版本的 p5.js 吗？我似乎无法在编辑器中重现该问题。

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

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

给我：

由于矩形太小，可能更难看到圆角效果。如果我们增加尺寸，并增加边框rect(50, 50, 50, 50, 10)：

效果更加明显。