kakarod snor - how to?

Matematik
Du behøver slet ikke en physics engine til at lave det. Jeg har lavet noget lidt lignende flere gange, bla på www.dreamville.dk
Her er et uddrag af koden, så har du måske lidt at arbejde ud fra.
body og knude referer til et skilt og en knude. Snoren er "_cable". "animate" skal køres hele tiden (enterFrame e.l.):

public function animate(e:Event):void
    {
      _knude.x = body.x;
      _knude.y = body.y + 10;
      
      updateCurve();
      
      bounceForce += bounceAcc * .1;
      bounceForce *= friction;
 
      rotationYSpeed += rotationYAcc * .1;
      rotationYSpeed *= friction;
      
      if (bounceAcc > 0) bounceAcc--;
 
      if (rotationYAcc > 0) rotationYAcc -= 0.5;
      else rotationYAcc = 0;
      
      bounceX += bounceSpeed;
      rotationX = Math.sin(bounceX) * bounceForce;
      rotationZ = Math.cos(bounceX) * (bounceForce * .02);
      body.rotationY += rotationYSpeed;
      
      // Pseudo 'light effect'
      var d:Number = ((1 - (rotationX + 80) / 160) * 2);
      transform.colorTransform = new ColorTransform(d, d, d, 1);
    }
private function updateCurve():void
    {
      if(_isDragging){
        body.x += ((mouseX + _difOnGrabX) - body.x) * .6;
        body.y += ((mouseY + _difOnGrabY) - body.y) * .6;
        _knude.x = body.x;
        _knude.y = body.y + 10;
      }
 
      var speed:Number = .2, delay:Number = 4;
 
      //Target for curve (center)
      var _targetX:Number = body.x * .5;
      var _tarY:Number = body.y * .5;
 
      //The distance between the new position and the old
      var difX:Number = _targetX - centerX;
      var difY:Number = _tarY - centerY;
 
      //Variables used for the bouncy effect
      xBounce += difX * speed;
      yBounce += difY * speed;
 
      //New position for center
      centerX += xBounce / delay + difX / delay;
      centerY += yBounce / delay + difY / delay;
 
      _cable.graphics.clear();
      _cable.graphics.moveTo(0, 0);
      _cable.graphics.lineStyle(1, 0x000000, 1, false);
      _cable.graphics.curveTo(centerX, centerY, body.x, body.y + 142);
      
      if(gravity) Gravity();
    }
    
    private function Gravity():void
    {
      //The distance between the new position and the old
      var difX:Number = 0 - body.x;
      var difY:Number = 80 - body.y;
      
      //Variables used for the bouncy effect
      boxxBounce += difX * .4, boxyBounce += difY * .4;
 
      //New position for the box
      body.x += boxxBounce * .1 + difX * .1, body.y += boxyBounce * .1 + difY * .1;
      
      body.x += difX * .1;
      body.y += difY * .1;
      _knude.x = body.x;
      _knude.y = body.y + 10;
    }

4 kommentarer

very nice! Kan jeg helt sikkert arbejde ud fra, kode giver jo god mening.
Det kabel du anvender på dreamville og i koden, er så vidt jeg kan se en ret linje, altså ingen buet effekt på den, når den falder ned ligesom på kakarod. Har du nogen ide om hvordan jeg får den effekt på. Hvis du evt. bare kan kaste mig i den rigtige retning
Mange tak for hjælpen!

Hvis du trækker i skiltene kan du se den elastiske/buet effekt, hvis det er det du mener?

Arr ja, det har du da helt ret i Det er simpelthen det curveTo gør - cool! Jeg prøver at lege lidt med det.
Tak for hjælpen!