创建一个＆＃34;动画＆＃34; Processing.js中的尖刺球

Question

对于我的班级，我创建了一个项目，其中一个关卡包含一个椭圆形状的光标，通过从椭圆内突出尖峰然后退回到椭圆中来响应mousePressed命令。 光标的代码就在这里：

class Cursor{

 float r;
 float x;
 float y;

  Cursor(float _r){
    r = _r;
    x = 0;
    y = 0;
  }

  void setLocation (float _x, float _y) {
   x = _x;
   y = _y;
 }

 void display(){
 noStroke();
 fill(230, 242, 255);
 ellipse(x, y, r, r);
 }

我的老师建议我在椭圆内使用createShape（TRIANGLE）并在适当的时间为每个尖峰的一个顶点设置动画，但我根本无法按照他的指示操作至。 对此问题的任何帮助将不胜感激。我希望进一步使用动画顶点来弹出＆＃34; pop＆＃34;以后是一个周围的物体，但我只提到它对于初始创作和动画很重要。

非常感谢你！

Answer 1

您的老师可能正在讨论 beginShape(TRIANGLES) 功能。来自参考文献：

beginShape(TRIANGLES);
vertex(30, 75);
vertex(40, 20);
vertex(50, 75);
vertex(60, 20);
vertex(70, 75);
vertex(80, 20);
endShape();

您可以使用此功能在您的圈子周围生成尖峰。你必须弄清楚圆圈周围三角形的x和y位置，但你可以使用递增角度和cos()和sin()函数来做到这一点