v4.x/Collision

Dies ist ein Tutorial für die Engine Alpha 4.x. Diese funktioniert anders als die EDU-Version. Du findest eine Übersicht über alle Tutorials hier.

Inhalt

In diesem Tutorial:

• Reagierst du auf Kollisionen verschiedener Actor-Objekte
• Nutzt du verschiedene Möglichkeiten, um auf Kollisionen zu reagieren und diese aufzulösen
• Entwickelst du einen Doodle Jump clone

Spielkonzept und grundlegender Aufbau

Dieser Frosch soll sich durch das Spiel springen

Ein Frosch soll fröhlich durch das Spiel springen, wann immer er die Chance hat, sich vom Boden abzustoßen. In der Scene FroggyJump kann der Spieler ein Objekt der Klasse Frog steuern. Zusätzlich geben Objekte der Klasse Platform halt.

Damit ergibt sich das Codegerüst für das Spiel:

package eatutorials.collision;

import ea.*;
import ea.actor.*;
import ea.collision.CollisionEvent;
import ea.collision.CollisionListener;
import ea.event.KeyListener;

import java.awt.event.KeyEvent;


public class FroggyJump extends Scene {

    private Frog frog;

    public FroggyJump() {
        frog = new Frog();
        add(frog);
        setGravity(Vector.DOWN.multiply(10));
        Camera cam = getCamera();
        cam.setFocus(frog);
        cam.setOffset(new Vector(0, 4));
        makePlatforms(10);
    }

    public static void main(String[] args) {
        FroggyJump fj = new FroggyJump();
        Game.start(400, 600, fj);
        //Game.setDebug(true);
    }

    private void makePlatforms(int heightLevel) {
        for(int i=0; i < heightLevel; i++) {
            Platform platform = new Platform(5, 1);
            platform.setPosition(0, i*4);
            add(platform);
        }
    }
}

class Frog extends Image implements FrameUpdateListener {

    private static float MAX_SPEED = 4;

    public Frog() {
        super("eatutorials/collision/assets/Jump (32x32).png", 25f);
        setBodyType(BodyType.DYNAMIC);
        setRotationLocked(true);
    }

    @Override
    public void onFrameUpdate(float deltaSeconds) {
        Vector velocity = this.getVelocity();
        //A: Image direction
        if(velocity.getX() < 0) {
            setFlipHorizontal(true);
        } else {
            setFlipHorizontal(false);
        }

        //B: Horizontal Movement
        if (Game.isKeyPressed(KeyEvent.VK_A)) {
            if(velocity.getX() > 0) {
                setVelocity(new Vector(0, velocity.getY()));
            }
            applyForce(Vector.LEFT.multiply(600));
        } else if (Game.isKeyPressed(KeyEvent.VK_D)) {
            if(velocity.getX() < 0) {
                setVelocity(new Vector(0, velocity.getY()));
            }
            applyForce(Vector.RIGHT.multiply(600));
        }
        if(Math.abs(velocity.getX()) > MAX_SPEED) {
            setVelocity(new Vector(MAX_SPEED * Math.signum(velocity.getX()) , velocity.getY()));
        }

        //C: Jump if possible
        if (isGrounded()) {
            this.setVelocity(new Vector(velocity.getX(), 0));
            this.applyImpulse(Vector.UP.multiply(180));
        }
    }
}

class Platform extends Rectangle {

    public Platform(float width, float height) {
        super(width, height);
        setBodyType(BodyType.STATIC);
    }
}

Der Frosch kann sich bewegen, knallt aber unangenehmerweise noch gegen die Decke

Ein paar Erklärungen zum Codegerüst für FroggyJump:

Physikalische Eigenschaften

Wie im Physics-Tutorial beschrieben, werden die physikalischen Eigenschaften der Spielobjekte und ihrer Umgebung bestimmt:

• Platformen sind statische Objekte: Sie ignorieren Schwerkraft und können nicht durch andere Objekte verschoben werden (egal mit wie viel Kraft der Frosch auf sie fällt).
• Der Frosch ist ein dynamisches Objekt: Er lässt sich von der Schwerkraft beeinflussen und wird von den statischen Platformen aufgehalten.
• In der Scene FroggyJump existiert eine Schwerkraft von 10 m/s^2. Sie wird mit [https://docs.engine-alpha.org/4.x/ea/Scene.html#setGravity-ea.Vector- setGravity(Vector) gesetzt.

Bewegung des Frosches

Die Bewegung des Frosches wird in Der Frosch soll springen, sobald er die Möglichkeit dazu hat. Hierzu testen wir in jedem

Der größte Teil der onFrameUpdate-Methode des Frosches fokussiert sich auf seine horizontale Bewegung

Kollisionen mit CollisionListener kontrollieren

Das Interface CollisionListener wurde bereits in seiner grundlegenden Form im Nutzereingabe-Tutorial benutzt.

CollisionListener kann mehr als nur melden, wenn zwei Actor-Objekte sich überschneiden. In unserem Froggy-Jump Spiel nutzen wir weitere Features von Kollisionen in der Engine.

Einseitig wirkende Platformen

Unser Frosch soll fähig sein, von unten "durch die Platform hindurch" zu springen. Von oben fallend soll er natürlich auf der Platform stehen bleiben.

Um diesen Effekt zu erzeugen, müssen Kollisionen zwischen Frosch und Platform unterschiedlich behandelt werden:

• Kollidiert der Frosch von unten, so soll die Kollision ignoriert werden. Er prallt so nicht von der Decke ab und kann weiter nach oben Springen.
• Kollidiert der Frosch von oben, so soll die Kollision normal aufgelöst werden, sodass er nicht durch den Boden fällt.

Anregung zum Experimentieren

• Optische Verbesserung: Der Frosch ist bisher nur ein einzelnes Bild. Das ist nur ein kleiner Teil eines großen, kostenfrei verfügbaren Asset Packs von Pixel Frog. Das Tutorial zu Animationen mit mehreren Zuständen kann dir helfen, den Frosch lebendiger aussehen zu lassen.
• Weitere Spielobjekte: Neben Bällen, die herunterfallen, können mehr gefahren auf den Spieler warten: Fliegende Gegner, die auf einer horizontalen hin und her fliegen, Felsbrocken, die von Paltform zu Platform herunterfallen. Pick Ups können dem Spieler zusätzliche Punkte geben... Lass deiner Kreativität freien lauf!