Почему позиция этого объекта NaN? - PullRequest
Новая
       57

Почему позиция этого объекта NaN?

0 голосов
/ 29 сентября 2019

Прямо сейчас у меня есть сервер веб-сокетов, который отправляет клиенту позицию других игроков, использующих объект ({pos:{x:32,y:46}}).Затем я ставлю это в точку, выполняя var newposition = new Point(msg.pos.x,msg.pos.y), но затем я никогда не вижу появления игрока.

Я попытался утешить его, но он сказал, что позиция была NaN.Затем я попытался утешить точку лога, и это сработало.Я даже пытался вообще не устанавливать позицию , но он произвольно устанавливает свою позицию в NaN без видимой причины.

Это мой код для объединения игроков: 

function addPlayer(nickname,position,color,uid,size,face) {
    var circle = new Path.Circle(position,size)
    var face = new Raster("/faces/"+face+"/face.png")
    face.rescale(40,40)
    face.position = position
    var masker = new Group({
        children: [circle, face],
        clipped: true
    });
    face.onLoad = function() {
        // Fit the circle snugly around the image:
        circle.fitBounds(face.bounds);
    };

    circle.fillColor = color
    console.log(nickname + " has joined the server")
    console.log(players)
    players[uid] = {
        circle: circle,
        nickname: nickname,
        entirething: masker,
        face: face
    }
    console.log(circle.position)
}

И вот что происходит, когда игрок перемещается (без фактической установки позиции игрока.) 

if(msg.event == "move" && msg.who != cuid) {
    var thepoint = new Point(msg.pos.x,msg.pos.y)
    console.log(thepoint)
    console.log(players[msg.who].circle.position)
}

И, наконец, когда игрок присоединяется: 

if(msg.event == "join" && msg.who != cuid) {
    addPlayer(msg.username,{x:0,y:0},"dodgerblue",msg.who,20,msg.face)
}

На моем бэкенде мне только что сообщили, что кто-то соединился с его идентификатором (who) и лицом (face).

В консоли нет ошибок, и ядовольно запутанный из-за того, почему это происходит ... Почему он устанавливает себя в NaN?

1 Ответ

0 голосов
/ 30 сентября 2019

(я ставлю это как ответ, а не как комментарий, потому что там мне не хватит места)

Чтобы найти источник проблемы, попробуйте смоделировать сообщения, поступающие из бэкэнда, чтобыпроверьте правильность своей клиентской логики.

Вот эскиз , адаптированный из вашего примера кода, который может послужить отправной точкой для этой задачи.
Я изменил некоторые вещи, которыене имеет смысла для меня, но я думаю, что вы должны быть в состоянии адаптировать его к вашему конкретному случаю.

// Init global variables.
var cuid = 999;
var players = {};

function addPlayer(nickname, position, color, uid, size, face) {
    // Init image and circle.
    var circle = new Path.Circle(position, size);
    var image = new Raster(face);
    image.onLoad = function() {
        // Make image fit circle bounds.
        image.fitBounds(circle.bounds);
    };
    // Use circle as image clip mask.
    var masker = new Group({
        children: [circle, image],
        clipped: true
    });

    console.log(nickname + ' has joined the server');

    // Store player.
    players[uid] = {
        circle: circle,
        nickname: nickname,
        entirething: masker,
        face: image
    };
}

// On message...
function onMessage(msg) {
    // If message concerns current player...
    if (msg.who === cuid) {
        // ...don't do nothing.
        return;
    }
    // If message is a move event...
    else if (msg.event == 'move' && msg.who != cuid) {
        // ...update player position.
        players[msg.who].entirething.position = new Point(msg.pos.x, msg.pos.y);
    // If message is a join event...
    } else if (msg.event == 'join' && msg.who != cuid) {
        // ...add a new player.
        addPlayer(msg.username, { x: 0, y: 0 }, 'dodgerblue', msg.who, 20, msg.face);
    }
}

//
// Simulate messages reception.
//

// Add player 1
onMessage({
    event: 'join',
    who: 1,
    username: 'player 1',
    face: 'http://assets.paperjs.org/images/marilyn.jpg'
});

// Move player 1
onMessage({
    event: 'move',
    who: 1,
    pos: {
        x: 50,
        y: 50
    }
});

// Add player 2
onMessage({
    event: 'join',
    who: 2,
    username: 'player 2',
    face: 'http://assets.paperjs.org/images/marilyn.jpg'
});

// Move player 2
onMessage({
    event: 'move',
    who: 2,
    pos: {
        x: 500,
        y: 125
    }
});
...