iso-game-engine

[dassoud]

[juhu, der bvb hat gewonnen!!!]

so, da johannes p. so klasse mit seiner pacman-engine vorgelegt hat, mußte ich heute unbedingt eine iso-game-engine basteln.

habe mich auch von johannes inpirieren lassen und wie ihr sehen werdet, ist die map dieselbe.

so, nun die scripte, da mußte ich schon ein wenig überlegen. die iso-darstellung verlangte eine etwas andere herangehensweise.

der boden ist zunächst einmal eine einzelne kachel.

hier die map:

PHP-Code:

movieclip.prototype.iso_nums =function (mcid, w, h, xPos, yPos) {
    for (var x = 0; x<rows.length; x++) {
        for (var y = 0; y<rows[x].length; y++) {
            if (rows[x][y] == 0) {
            n++;
            }else{
            n++;
            attachMovie(mcid, mcid+n, n);
            this[mcid+n]._x = xPos+(y-x)*w/2;
            this[mcid+n]._y = yPos+(x+y)*h/2;
            this[mcid+n].num = n;
            
            }
        }
    }
} 


<edit>
da habe ich ja glatt was vergessen, nämlich die map, sie wird in einem mc namens "tiles" generiert:

PHP-Code:

onClipEvent (load) {
    rows = new Array();
    rows[0] = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
    rows[1] = [1, 0, 0, 0, 1, 0, 0, 0, 0, 1];
    rows[2] = [1, 0, 1, 0, 1, 1, 0, 1, 0, 1];
    rows[3] = [1, 0, 1, 0, 0, 0, 0, 0, 0, 1];
    rows[4] = [1, 0, 1, 0, 1, 1, 1, 1, 0, 1];
    rows[5] = [1, 0, 0, 0, 0, 1, 1, 0, 0, 1];
    rows[6] = [1, 1, 1, 1, 0, 0, 0, 0, 1, 1];
    rows[7] = [1, 0, 1, 1, 0, 1, 1, 0, 1, 1];
    rows[8] = [1, 0, 0, 0, 0, 0, 0, 0, 0, 1];
    rows[9] = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
    iso_nums("tile", 40, 20, 275, 130);
} 


</edit>

den player habe ich manuell unten links in der ecke positioniert (tile 82)

PHP-Code:

onClipEvent (load) {
    this.swapDepths(1000);
    posX=_parent.tiles.tile81._x+(_width/2);
    posY=_parent.tiles.tile81._y+(_height/2);
    _x=posX;
    _y=posY;
    tile=82;
} 


hier nun die steuermethode:

PHP-Code:

// Spielfigur bewegen
movieclip.prototype.movePlayer = function () {
    var pressed = Key.getCode();
    // Nach links
    if (pressed == 37) {
        if(!_parent.tiles["tile"+(tile-1)]){
        posX= _x +(_width/2)*-1;
        posY= _y +(_height/2)*-1;    
         _x =posX;
        _y =posY;
        tile--;
        }
     }
    // Nach oben
    if (pressed == 38) {
        if(!_parent.tiles["tile"+(tile-10)]){
        posX= _x +(_width/2);
        posY= _y +(_height/2)*-1;    
         _x =posX;
        _y =posY;
        tile -=10;
        }
     }    
    // Nach rechts
    if (pressed == 39) {
        if(!_parent.tiles["tile"+(tile+1)]){
        posX= _x +(_width/2);
        posY= _y +(_height/2);    
         _x =posX;
        _y =posY;
        tile++;
        }
    }        
    // Nach unten
    if (pressed == 40) {
        if(!_parent.tiles["tile"+(tile+10)]){
        posX= _x +(_width/2)*-1;
        posY= _y +(_height/2);    
         _x =posX;
        _y =posY;
        tile +=10;
        }
         
    }
} 


die der player natürlich ausführt:

PHP-Code:

onClipEvent (keyDown) {
    movePlayer(step);
} 


da mußte ich meine grauen zellen ganz schön arbeiten lassen.

ansehen

download

...und natürlich dicke props an johannes und matze!

grüße, dassoud

[Johannes P.]

Super Arbeit!! Werde mich morgen damit mal beschäftigen.

[dassoud]

dankeschön!

bei der spielfigur habe ich übrigens ein bißchen geschummelt:

da sie kleiner als die iso-kacheln sein sollte, habe ich einen naja, nicht wirklich ganz tranzparenten linien-rand drumherum gelassen.

aber iso ist schon faszinierend!

grüße, dassoud

[Sebastian S.]

wenn ich mir das script so angucke, dann weiß ich warum ich das vorhin nicht hinbekommen hab....


sieht fein aus...

[edit: bvb hat gewonnen und ist jetzt 2., ist mir aber ziemlich egal...]

[MaStA*BlAsTa]

yeah, das is ja echt geil! respekt@dassoud und vor allem denen, die sich überhaupt mit oop beschäftigen... finde das super!

da ich noch totaler newbie bin, was so oop angeht, weiß ich leider nicht die bedeutungen von prototype (funktionen??) und iso (unveränderte version v. programmen?)

wäre jemand so net diese vielleicht etwas dümmliche frage mir zu erlautern? thx!

greetz
MaStA*BlAsTa

[emax]

so, inspiriert von dem ganzen hier wollte ich eine "ghost"-engine schreiben ..schließlich muss pacman ja was zum weglaufen haben

die suche des zufallwegs klappt, nur bin ich aber daran gescheitert, als ich verhindern wollte daß der ghost nicht ohne grund seinen weg 180° dreht. das sollte er nur machen wenn er in eine sackgasse kommt. denn ohne ist die bewegung sehr hektisch.
naja sehts euch an, ich habs fast aufgegeben

shit, ich merke gerade daß ich aus frust diese 180° abfrage nicht abgespeichert hab.

ansehen

downloaden

hier die beiden funktionen:

PHP-Code:

// ghost bewegen
movieclip.prototype.moveGhost = function (direction) {

    // Nach links
    if (direction == 0) {
        posX= _x +(_width/2)*-1;
        posY= _y +(_height/2)*-1;    
         _x =posX;
        _y =posY;
        tile--;
     }
    // Nach oben
    if (direction == 2) {
        posX= _x +(_width/2);
        posY= _y +(_height/2)*-1;    
         _x =posX;
        _y =posY;
        tile -=10;
     }    
    // Nach rechts
    if (direction == 1) {
        posX= _x +(_width/2);
        posY= _y +(_height/2);    
         _x =posX;
        _y =posY;
        tile++;
    }        
    // Nach unten
    if (direction == 3) {
        posX= _x +(_width/2)*-1;
        posY= _y +(_height/2);    
         _x =posX;
        _y =posY;
        tile +=10;
    }
}

// bewegungsmöglichkeiten checken
movieclip.prototype.checkWay = function () {
    
        ways= new Array();    
        //links
        if(!_parent.tiles["tile"+(tile-1)]){
        ways.push(0);
        } 
        //oben
        if(!_parent.tiles["tile"+(tile-10)]){
        ways.push(2);
        } 
        //rechts
        if(!_parent.tiles["tile"+(tile+1)]){
        ways.push(1);
        } 
        //unten
        if(!_parent.tiles["tile"+(tile+10)]){
        ways.push(3);
        } 
        
        moveGhost(ways[random(ways.length)]);
         
} 


@masta
iso kommt von isometrisch (iso felder sind diese pseudo 3d felder)

und wegen prototypes such schau dich doch mal im oop um da wurde schon viel dazu erklärt

PHP-Code:

o 


[JanG]

Hut ab! Bin zwar kein fachmann, aber sieht schon sehr gelungen aus! Bin mal gespannt, wann das KOMPLETTE Spiel fertig ist!
Ihr puscht euch hier echt gegenseitig!

Peaze!

P.S. Sowas müsste im nächsten Adventskalender rein! Also, ein Jahr habt Ihr!

[Johannes P.]

@emax: feine Sache, nur scheint der Ghost reichlich Kaffee intus zu haben

[Madokan]

Yup der Ghost ist leicht bedudelt

Aber sonst eine echt feine Sache !

mfg
Matze K.

[blue]

hauchdünner code (auf's nötigste reduziert!!!) mit heftigem resultat. das nenn' ich lean-coding. bin mal gespannt, wie das weitergeht ...

[dassoud]

klasse!

da schaue ich ein paar stunden später wieder hier vorbei und es hat sich einiges getan! das gefällt mir!

hihi, der ghost scheint echt ein wenig verwirrt zu sein

dürfte schwierig sein, ihm als spieler zu entkommen

wow, da scheint sich ja echt was draus zu entwickeln!

was auch noch fehlt, ist die "3. Pseudo-Dimension", die höhe von objekten. dann nach die tiefen richtig tauschen und der pseudo-iso-3d-eindruck sitzt!

finde auch, daß das alles schon recht kompakt gecodet ist!

grüße, dassoud

[emax]

nur meckern könnt ihr!

ich hab ja gesagt daß die bewegung derzeit rein zufällig ist.

ich wollte ja daß er nur in eine richtung läuft, wenn er an eine gabelung kommt zufällig abbiegt, aber nicht einfach so seine richtung 180° ändert, es sei denn er kommt in eine sackgasse.

nunja gestern wars ja auch schon spät, ich versuch das gleich nochmal

[dassoud]

@emax

yupp, das ist aber auch ganz schön tricky!

grüße, dassoud

[emax]

komme wieder auf den gleichen ansatz wie schon gestern nacht:

PHP-Code:

// bewegungsmöglichkeiten checken
movieclip.prototype.checkWay = function () {
    
        ways= new Array();    
        //links
        if(!_parent.tiles["tile"+(tile-1)]){
        ways.push(0);
        } 
        //oben
        if(!_parent.tiles["tile"+(tile-10)]){
        ways.push(2);
        } 
        //rechts
        if(!_parent.tiles["tile"+(tile+1)]){
        ways.push(1);
        } 
        //unten
        if(!_parent.tiles["tile"+(tile+10)]){
        ways.push(3);
        } 
        
        if(ways.length==1) rnd=0
        else {
            while(ways[rnd]==block){
                rnd=random(ways.length);
            }
        }    

        moveGhost(ways[rnd]);

         if(ways[rnd]==0) block=1
        else if(ways[rnd]==1) block=0
        else if(ways[rnd]==2) block=3
        else if(ways[rnd]==3) block=2;
} 


2 stunden hab ich shcon nach dem felher gesucht und kann ihn nicht so richtig lokalisieren.

[th.]

@dassoud:
Kaum sitzt man mal einen Tag nicht am Rechner, kommt einem schon jemand zuvor...

Bei meinen Überlegungen zur Iso-Engine hatte ich u. a. die Idee einfach Johannes geniale Pac-Man-Engine in einen MC zu packen, zu drehen und zu skalieren. Dann habe ich nur noch das Quadrat ein wenig verändert und ein die Scheibe gedreht und doppelt so hoch wie breit gemacht...
Hat ingesamt insgesamt etwa 10 min. gedauert kann sich aber dennoch sehen lassen.

anschauen

gruß
th.