pah, mathe :) (rotation & inertia)

[figure8]

heyho,
ich steh mal wieder auf meinem mathematischen schlauch und komme nicht weiter. ich bastel gerade einen kompass nach, dessen nadel abhängig von der mausposition ist. ziemlich simple geschichte, aber ich wollte das natürlich alles ein bißchen pimpen und hab mir - dafür reicht mein mathe noch - einen inertia-effekt gebastelt. das problem ist, dass wenn die nadel bei -180 grad steht, sie auf 180 grad springt und der inertia effekt diesen wechsel natürlich tweened. die nadel rotiert also einmal komplett um 360°, bevor ihre position wieder passt. was könnte man da machen?

code & beispiel:

beispiel: click!
anderes beispiel, wo man den wechsel deutlicher sieht: click!

var spring:Number = 0.05;
var inertia:Number = 0.8;
var distDegrees:Number = 0;
 
clip.addEventListener(Event.ENTER_FRAME, movement);
 
function movement(event:Event):void {
    var distX:Number = mouseX - clip.x;
    var distY:Number = mouseY - clip.y;
 
    var radians:Number = Math.atan2(distY,distX);
    var degrees:Number = (radians / (Math.PI / 180));
    
    distDegrees = ((degrees - clip.rotation) * spring) + (distDegrees * inertia);
 
    clip.rotation += distDegrees;
} 

sobald ihr mit der maus links vom clip über die linie geht springt er, unten seht ihr einige status-felder - da springt die gradzahl von -179 auf +179 und der inertia-effekt dreht durch. aber leider hab ich keine ahnung, wie ich das verhindern kann - einfach den wert umzudrehen macht natürlich keinen sinn, weil er dann schon ab der mitte verkehrtherum läuft.

muss ich mein script irgendwie umbasteln? dankeschön schonmal!

ach ps: wenn die nadel dann unkontrolliert rotiert einfach die maus rechts vom clip lassen, dann pendelt sie sich wieder ein

[André Michelle]

Oh, da habe ich noch was ganz Altes auf meinem Server rumliegen:

http://recycle.andre-michelle.com/fl...gle.easing.swf
http://recycle.andre-michelle.com/fl...gle.easing.fla

Das macht genau das...

[Janoscharlipp]

Guck mal in dem Thread, mit der letzten Funktion könntest du deine Winkeldifferenz ersetzen, dann sollte es passen. Die Richtung ermitteltst du dann einfach mit dem Vorzeichen von distDegrees.

EDIT: oh, André war schneller

[figure8]

hey ihr beiden,
vielen dank für eure antworten!

@andré: das schaut technisch gesehen natürlich cool aus, allerdings bekomme ich's nicht wirklich auf mein rotations-gedöns angewendet.. hätte ich im mathe gk damals mal besser aufgepasst ich sehe, dass wenn ich deine beiden zeilen, in denen du die differenz < || > PI abfragst, auskommentiere das gleiche problem auftaucht wie bei mir - nur gelingt mir patou die adaption nicht.

@Janoscharlipp: fast gleiches spiel - dieses mathezeugs ist für mich fast wie bömische dörfer

[André Michelle]

Wo ist das Problem?

function movement(event:Event):void {
    var distX:Number = mouseX - clip.x;
    var distY:Number = mouseY - clip.y;
 
    var radians:Number = Math.atan2(distY,distX);
    var degrees:Number = (radians / (Math.PI / 180));
   
   var diff: Number = degrees - clip.rotation;
   
   if( diff < -180.0 ) diff += 360.0;
   if( diff >  180.0 ) diff -= 360.0;
   
    distDegrees = ( diff * spring) + (distDegrees * inertia);
 
    clip.rotation += distDegrees;
}

[figure8]

oje, peinlich - natürlich! ich hatte bei meiner differenz-rechnung gerade mit dem bogenmaß gearbeitet und vergessen, die momentane rotation umzuwandeln. aber so ist´s natürlich noch einfacher.

vielen dank andré, bist du zufällig auf der webtech09? dann kriegst du ein bier oder kaffee von mir