So verwenden Sie cc.follow zur Kameraverfolgung in CocosCreator

Cocos Creator-Version: 2.3.4

Demo-Download: https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ccfollow.7z

Verwenden wir zunächst den Follow-Code, der mit Cocoscreator geliefert wird, cc.follow.

Verwendung von CC.Follow

1. Setzen Sie den Map-Adaptercontainer leftNode

Nehmen wir an, dies ist ein horizontales Parkour-Spiel. Die Kartengröße beträgt 1500 x 1500, daher betragen die Höhe und Breite des linken Knotens 1500 x 1500 und das Widget ist unten links ausgerichtet.

2. Legen Sie die Kartencontainerkarte fest

Der Kartencontainer ist ebenfalls 1500 x 1500 groß. Der Unterschied zu leftNode besteht darin, dass es kein Adapterkomponenten-Widget gibt. Wenn Sie ein Widget verwenden, können Sie die Karte nicht verschieben. Aus diesem Grund wird zur Anpassung an den Bildschirm eine zusätzliche Ebene von leftNode verwendet.

In der Karte steckt eine Rolle. (Ein normaler cc.Button-Button)

Um die Kartenränder zu kennzeichnen, befinden sich rund um die Karte rote Schaltflächen.

Fügen Sie die Komponente Follow.ts zum Kartencontainer hinzu und legen Sie die Zielrolle auf Rolle fest. Die Rolle ist eine Schaltfläche cc.Button, und wir behandeln sie hier als bewegliche Rolle.

Der Code von Follow.ts lautet wie folgt:

const {ccclass, Eigenschaft} = cc._decorator;
 
@ccklasse
exportiere Standardklasse Folge erweitert cc.Component {
 
    @Eigenschaft(cc.Node)
    Ziel:cc.Node = null;
 
    Start () {
        var follow = cc.follow(dieses.Ziel, cc.rect(0,0, 1500,1500));
        this.node.runAction(folgen);
    }
}

3. Virtueller Joystick steuert die Bewegung der Charaktere

Referenz zum virtuellen Joystick: https://www.cnblogs.com/gamedaybyday/p/13061387.html

Es macht nichts, wenn Sie es nicht wissen, solange Sie die Bewegung des Charakters mit anderen Methoden steuern und die x- und y-Position des Charakters ändern können.

4. Tatsächlicher Demonstrationseffekt

Sie können sehen, dass die „Kamera“ der Figur automatisch folgt, wenn sie sich bewegt. Sie ist auf einen Bereich von 1500 x 1500 beschränkt und überschreitet nicht die Grenze, an der sich der rote Knopf befindet.

Quellcode von CC.Follow

Der Quellcode befindet sich in CC.Action.js

Oben finden Sie Einzelheiten zur Verwendung von cc.follow für die Kameraverfolgung in CocosCreator. Weitere Informationen zur Kameraverfolgung in CocosCreator finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!