processing - 让两个物体以相同的速度增长？

Question

我编写了这个程序，它工作正常，但茎和花的生长速度不同。我怎样才能使两者以相同的速度增长？我已经为此苦苦挣扎了一两天了，我知道这可能看起来很简单，但这对我来说很痛苦：P

Answer 1

您无法轻松同步这两个动画的原因是，茎是根据 frameCount 生长的，而花是根据不基于 frameCount 或 frameRate 的比率生长的。我已经修改了你的 Flower 类，很快就说明了问题出在哪里：

在Flower.display()方法中调用任何内容之前：

scale(-min((float)(frameCount)/250, 1), min((float)(frameCount)/250, 1));

这类似于您缩放茎的方式。

在Flower.grow()方法中：

factor = maxFactor;
sizes = maxSize;

这很草率但很快。只是强制花以最大尺寸绘制，而上面的修改会缩放它。

这是完整的源代码，带有注释和注释掉的代码：

Stem myStem;
 Circle circles[];
 Flower flowers = new Flower();
 float scaleFactor=0.5;

 void setup() {
   size(floor(400*scaleFactor), floor(800*scaleFactor));
   myStem = new Stem(200, 800);
   flowers = new Flower (0, 0);
   //moved this to setup, no need to recreate each frame
   circles = new Circle[6];
   circles[0]  = new Circle(0, -40, 50, 50);
   circles[1]  = new Circle(0, -40, 50, 50);
   circles[2]  = new Circle(0, -40, 50, 50);
   circles[3]  = new Circle(0, -40, 50, 50);
   circles[4]  = new Circle(0, -40, 50, 50);
   circles[5]  = new Circle(0, 0, 50, 50);
   // also smooth only needs to be called once
   // unless ther is a noSmooth() somewhere
   smooth();
   }

   void draw() {

   float grow = 0;
   //translate(myStem.initalloX, myStem.initalloY);  
   myStem.drawStem();
   //set centre point
   translate(myStem.initalloX, ((frameCount>250)?myStem.initalloY-       500:myStem.initalloY-(2*frameCount)));
   if (frameCount>10) {
     flowers.grow();
     flowers.display();
     }
   } 

   class Stem { 
     int initalloX=200;
     int initalloY=800;

     Stem(int tempInitalloX, int tempInitalloY) {
      initalloX = tempInitalloX;
      initalloY = tempInitalloY;
     }

 void drawStem() {
   background(#0DBADB);
   scale(scaleFactor, scaleFactor);
   stroke (12, 149, 11);
   fill (12, 149, 11);
   strokeWeight(10);
   line(initalloX, initalloY, initalloX, ((frameCount>250)?initalloY-500:initalloY-(2*frameCount)));
   //stem1
   if (frameCount>101) {
      noStroke();
      translate(initalloX, initalloY-200);
      scale(min((float)(frameCount-100)/100, 1), min((float)(frameCount-100)/100, 1));
      beginShape();
      vertex(0, 0);
      bezierVertex(-40, -5, -30, -40, -80, -20);
      bezierVertex(-47, -16, -52, 8, 0, 0);
      endShape(CLOSE);
      scale(1/min((float)(frameCount-100)/100, 1), 1/min((float)(frameCount-100)/100, 1));
      translate(-initalloX, -(initalloY-200));
      noStroke();
    }
    //stem2
    if (frameCount>151) {
     //  noStroke();
     translate(initalloX, initalloY-300);
     scale(-min((float)(frameCount-150)/150, 1), min((float)(frameCount-150)/150, 1));
     beginShape();
     vertex(0, 0);
     bezierVertex(-40, -5, -30, -40, -80, -20);
     bezierVertex(-47, -16, -52, 8, 0, 0);
     endShape(CLOSE);
     scale(-1/min((float)(frameCount-150)/150, 1), 1/min((float)(frameCount-150)/150, 1));
     translate(-initalloX, -(initalloY-300));
     }
   }
 }

 class Circle {

   int c1 = 0;
   int c2 = -40;
   float c3 = 50;
   float c4 = 50;

   Circle(int tc1, int tc2, float tc3, float tc4) {
   c1 = tc1;
   c2 = tc2;
   c3 = tc3;
   c4 = tc4;
   }
  }

 class Flower {

 float centerX;
 float centerY;
 float posX;
 float posY;
 float maxSize = 51;
 float maxFactor = 40;
 float sizes = 0;
 float factor = 0;
 float speed = 0.17;

 Flower() {
 }
 Flower(float _centerX, float _centerY)
 {
  centerX = _centerX;
  centerY = _centerY;
 }
 void setCenter(float x, float y)
 {
  centerX = x;
  centerY = y;
 }
 void display()
 {
   // added line below
   scale(-min((float)(frameCount)/250, 1), min((float)(frameCount)/250, 1));
   for (int i = -18; i < 360; i+=72)
   {
      posX = centerX + cos(radians(i)) * factor;
      posY = centerY + sin(radians(i)) * factor;
     noStroke();
     fill(170, 14, 24); // blue
     ellipse(posX, posY, sizes, sizes);
   }
   fill(14, 17, 170);
   ellipse(centerX, centerY, sizes , sizes );
 }
 void grow()
 {
//   factor = (factor < maxFactor )?  factor + speed: maxFactor;
//   sizes = (sizes < maxSize )?  sizes + speed*1.3 : maxSize;
   // modified line below
   factor = maxFactor;
   sizes = maxSize;
 }
}// end of Flower