sanfte kamerabewegung

[RaeLL]

hi
hänge gerade an einem kleinem 2D Game dran, wo sich der Charakter immer in der Mitte des Bildes befinden soll. Da sich der Charakter recht ruckartig bewegt, würde ich gerne die Kamera saft hinterher schwenken lassen. Am liebsten würde ich das ganze per easeInOut lösen, das Problem ist nur, dass sich der Charakter immer bewegt und ich kein festen Zielwert für x und y habe.



Hab bisher diese 2 Sachen probiert.
Das ganze Level inkl. Charakter befindet sich in einem Container, welchen ich bewege um die Kamerabewegung zu erzeugen.

Habe bisher zwei Sachen probiert um das ganze zum laufen zu bringen.
Versuch1:
Ich hatte eine Variable für den momentanen Speed der Kamera(level Containers). Sobald der Character sich von dem Mittelpunkt des Screens entfernt hat, wurde der speed erhöht(+1/-1) bis der Charakter in der Mitte des Screens war. Sobald er diesen erreicht hat, wurde der Speed wieder verringert. Problem ist aber, dass der Speed erst verringert wird sobald der Charakter in der Mitte des Screens ist d. h. die Kamera fährt noch etwas weiter über ihr ziel hinaus. Davon ab ist die lineare Bewegung durch das +1/-1 nicht so schön.

Versuch2:
die Differenz von Charakter und Bildschirmmitte *0.3
Dadurch ist der Charakter immer schön in der Mitte des Bildes und die Kamera bremst schön ab sobald sie näher zum Charakter hin kommt.
Blöd ist nur, dass es keine weiche Beschleunigung gibt.



Hat jemand eine Idee wie ich das besser berechnen könnte um eine sanfte Beschleunigung und Abbremsung zu haben?

[pixelslave]

Kannst du uns was zeigen? Muss das sehen bevor ich dazu was sagen kann ;-)

[andrelehnert]

kleines Bsp mit ENTER_FRAME
Man kann alternativ auch mit ner TweenEngine arbeiten...

ABer wie pixelslave schon schrieb - mehr beschreibung Deines konkreten Aufbaus wär vonnöten.

PHP-Code:

var world:Sprite = new Sprite();
var avatar:Sprite = new Sprite();
var xOffset:Number = stage.stageWidth/2;
var yOffset:Number = stage.stageHeight/2;


var stepSize:int=30;
var camSpeed:Number=.1;

function iniWorld():void{
    var g:Graphics = world.graphics;
    g.beginFill(0x00aa00);
    g.drawRect(0,0,2000,2000);
    for (var i:int = 0;i<40;i++){
        g.beginFill(Math.random()*0xFFFFFF)
        g.drawRect(Math.random()*2000,Math.random()*2000,Math.random()*150,Math.random()*150)
    }
    
    addChild(world)
}
function iniAvatar():void{
    var g:Graphics = avatar.graphics;
    g.beginFill(0xaadd11);
    g.drawCircle(0,0,40);
    g.beginFill(0x0000aa);
    g.drawCircle(-18,-15,6);
    g.drawCircle(18,-15,6);    
    g.endFill();
    
    g.lineStyle(4,0xcc0000);
    g.moveTo(-25,5);    
    g.curveTo(5,25,25,5);
    g.moveTo(-25,5);
    g.beginFill(0x770000);        
    g.curveTo(5,40,25,5);
    avatar.x = xOffset;
    avatar.y = stage.stageHeight/2;
    
    world.addChild(avatar)
}

function iniKeyboard():void{
    stage.addEventListener(KeyboardEvent.KEY_DOWN,keyDownHandler);        
}
function keyDownHandler(event:KeyboardEvent):void
        {                //trace(event.keyCode)
        switch (event.keyCode){
                    
                    case 38: //hoch
                        avatar.y-=stepSize;
                    break;
                    case 40://runter
                        avatar.y+=stepSize;
                    break;
                    case 37:  //links
                        avatar.x-=stepSize;
                    break;
                    case 39://rechts
                        avatar.x+=stepSize;
                    break;
                    
        }
        startupdateWorldPosition();
}
function startupdateWorldPosition():void{
    if (hasEventListener(Event.ENTER_FRAME))removeEventListener(Event.ENTER_FRAME, updateWorldPosition);
    addEventListener(Event.ENTER_FRAME, updateWorldPosition);
}

function updateWorldPosition(e:Event):void{
    var deltaX:Number = (world.x - xOffset + avatar.x)*camSpeed;
    var deltaY:Number = (world.y - yOffset + avatar.y)*camSpeed;
    world.x -= deltaX;
    world.y -= deltaY;
    if ( deltaX<camSpeed && deltaX>-camSpeed && deltaY<camSpeed && deltaY>-camSpeed ) {
        removeEventListener(Event.ENTER_FRAME, updateWorldPosition);        
    };
}
iniWorld();
iniAvatar();
iniKeyboard(); 


LG ANdré

[RaeLL]

Sorry, dass ich jetzt erst antworte. dachte ich hätte den Thread abonniert und auf email gewartet. hatte ich aber nicht

Danke für die mühe schon mal.

Um ehrlich zu sein mache ich das ganze nicht in Flash sondern in Lua. Funktioniert aber vom Prinzip her genauso. Mir gehts es auch nur um die Berechnung.

Hab es bei mir sogar schon so wie bei dir im Beispiel andre.
Aber der Code zeigt auch ganz gut mein Problem. Wenn man die stepSize auf 800 stellt dann sieht man, dass die Geschwindigkeit erst schnell ist und dann immer langsamer wird.
Ich hätte aber gerne, dass sie erst schneller wird, bis etwa der Hälfte von delta und dann wieder langsamer.

Muss man sowas mit if's machen oder gibts da einen eleganteren Weg?