p5 绘画应用程序：更精确的铅笔可能吗？最近的 pmouseX/Y？

编程问答 2022-04-23

问题描述

我正在开发一款与skribbl io非常相似的游戏。 为了在游戏中绘画，我正在使用 p5.js 在 mouseX/Y 和 pmouseX/Y 之间画线

if(mouseIspressed){
  line(mouseX,mouseY,pmouseX,pmouseY);
}

随着代码变得越来越复杂，点的距离越来越大，绘图发生延迟并且在快速拖动时是“有角度的”：

example of not so round circles

在 p5.js 中还有其他绘画方式吗？我正在寻找一种解决方案，使这些“反向 C”更圆，而不是约 8 行。所以基本上在 pmouseX/Y 中保存坐标的比率更高。

解决方法

这里带来了巨大的改进：我从 draw 函数中排除了尽可能多的功能到它们自己的函数中，并在必要时调用了这些函数。我想那很正常，但在 Paul Wheeler 让我考虑展示我的进一步代码之前我没有看到它。现在代码的复杂度不影响绘画了。

但是如果你在 p5js 中有其他的绘画方法，你仍然欢迎与我分享！

drawdrawjavascriptp5.jspaint