JavaScript完成鱼跟随鼠标移动，并且向左移动时鱼头向左，向右时鱼头向右。

陆总809

已于 2024-07-19 16:06:12 修改

阅读量101

点赞数 1

文章标签： java 前端 javascript

于 2024-07-19 16:01:13 首次发布

本文链接：https://blog.csdn.net/qq_63001766/article/details/140552344

版权

var bg = new PIXI.Sprite.fromImage("res/lianxi/yu2/bg.png");
app.stage.addChild(bg);

//添加小鱼
var fish = new PIXI.Sprite.fromImage("res/lianxi/fish/fish.png");
fish.anchor.set(0.5,0.5);
fish.scale.x = 2;
fish.scale.y = 2;
fish.x = 100;
fish.y = 200;
app.stage.addChild(fish);

//给小鱼添加鼠标事件
bg.interactive = true;
bg.on("mousemove",movefish);

var a;
function movefish(event) {
    var pos = event.data.getLocalPosition(app.stage);
    fish.x = pos.x;
    fish.y = pos.y;
    
    //完成鱼头改变方向
    if(a>fish.x){
        fish.scale.x = 2;
    }else if(a<fish.x){
        fish.scale.x = -2;
    }
    a = fish.x;
}