[英]Creating an “Animated” Spiky Ball in Processing.js
对于我的班级,我正在创建一个项目,在该项目中,一个级别包含一个椭圆形的光标,该光标通过使尖峰从椭圆形内突出,然后退回到椭圆形,对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),并在适当的时间为每个尖峰中的一个顶点设置动画,但是我根本无法按照他的指示进行操作。 在此问题上的任何协助将不胜感激。 我确实希望以后再使用动画顶点来“弹出”周围的对象,但是我仅在提到它对于初始创建和动画很重要的情况下提及。
提前非常感谢您!
您的老师可能正在谈论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()
函数来实现。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.