如何创建圆角矩形？

问题描述

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

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

我如何制作圆形矩形

解决方法

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

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

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

给我：

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

效果更加明显。

,

在 rect() 末尾添加一个新参数以增加边缘的平滑度：

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

示例：

rect(10,5);