Phaser3跟随自定义路径移动的赛车 -- iFIERO游戏教程

Posted apiapia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Phaser3跟随自定义路径移动的赛车 -- iFIERO游戏教程相关的知识,希望对你有一定的参考价值。

 
技术分享图片
racingcar

在线预览:http://www.ifiero.com/uploads/phaser/pathrotate/
代码:

 

var config = {
    type: Phaser.AUTO,
    width: 720,
    height: 520,
    backgroundColor: ‘#2d2d2d‘,
    parent: ‘phaser-example‘,
    scene: {
        preload: preload,
        create: create
    }
};

var game = new Phaser.Game(config);

function preload() {

    this.load.image(‘racecar‘, ‘assets/racecar.png‘);
}

function create() {
    // 1.每个节点
    var points = [
        50, 300, 179, 449, 394, 498, 593, 455,
        701, 338, 692, 190, 603, 76, 423, 41,
        272, 78, 181, 186, 230, 328, 416, 395,
        565, 327, 550, 202, 467, 149, 355, 164,
        343, 254, 428, 303
    ];

    //2.连结每一个节点
    var curve = new Phaser.Curves.Spline(points);

    //3.画线(可视化 非必须) optional
    var graphics = this.add.graphics();
    graphics.lineStyle(1, 0xffffff, 0.5);
    curve.draw(graphics, 128);
    graphics.fillStyle(0xff0000, 0.5);
    for (var i = 0; i < curve.points.length; i++) {
        graphics.fillCircle(curve.points[i].x, curve.points[i].y, 4);
    }
    //4. 创建racing car
    var lemming = this.add.follower(curve, 50, 300, ‘racecar‘).setScale(0.3);
   //5.让 racing car 跟随path
    lemming.startFollow({
        duration: 10000,
        yoyo: false,
        repeat: 0,
        rotateToPath: true,
        verticalAdjust: true
    });


}

Phaser官网:http://www.phaser.io
更多游戏教程: www.iFIERO.com -- 为游戏开发深感自豪

以上是关于Phaser3跟随自定义路径移动的赛车 -- iFIERO游戏教程的主要内容,如果未能解决你的问题,请参考以下文章

Unity - 粒子系统跟随路径移动

如何旋转模型以跟随路径

动画文本跟随路径[关闭]

跟随鼠标移动的遮罩层

如何使用 swiftUI 沿自定义路径移动视图/形状?

相机跟随(当移动的物体超过当前移动设备的高度一半的时候,相机跟随)