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

原创

于 2018-12-07 17:24:48 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Phaser #游戏教学

这是一篇关于使用Phaser3制作游戏的教学博客，详细讲解了如何让赛车在游戏中沿着自定义路径移动。提供了在线预览链接以及Phaser官网和更多游戏教程资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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
    va