朝向光标

原文地址:http://www.phaser.io/examples/v2/arcade-physics/angle-to-pointer。

效果

源代码

window.onload = function () {
    var game = new Phaser.Game(600, 400, Phaser.AUTO, 'phaser_container', 
                            { preload: preload, create: create, update: update, render: render }); 

    function preload() {
        game.load.image('arrow', 'assets/sprites/arrow.png');
    }

    var sprite;

    function create() {

        game.physics.startSystem(Phaser.Physics.ARCADE);

        game.stage.backgroundColor = '#0072bc';

        sprite = game.add.sprite(400, 300, 'arrow');
        sprite.anchor.setTo(0.5, 0.5);

    }

    function update() {

        //  更新sprite.rotation的值,使之朝向当前的光标(桌面系统是鼠标,移动设备通常是手指按压处)
        sprite.rotation = game.physics.arcade.angleToPointer(sprite);

    }

    function render() {

        game.debug.spriteInfo(sprite, 32, 32);

    }
}

发布时间:2016/8/19 下午8:27:12  阅读次数:4171

2006 - 2024,推荐分辨率 1024*768 以上,推荐浏览器 Chrome、Edge 等现代浏览器,截止 2021 年 12 月 5 日的访问次数:1872 万 9823 站长邮箱

沪 ICP 备 18037240 号-1

沪公网安备 31011002002865 号