Player moving on a grid line

Cocos Creator
#1

How can I make my player move on a grid line?

I have my code here to make the player move up:
this.snakePos.y += this.moveSpeed * deltaTime which I want to make my player move with the integer number. I try to use Math.round(this.snakePos.y += this.moveSpeed * deltaTime) but it resulted nothing

#2

Need more details about what your snakePos is and how it’s suppose to be synced with the position

#3

I declare snakePos as a new Vec3, then I update the node.position based on its value.
For example:
if (this.up == 1) {
this.snakePos.y += this.moveSpeed * deltaTime;
console.log(this.snakePos.y);
this.snake.setPosition(this.snakePos);
}

#4

What your log gives you

#5

I use console.log to see if the value is rounded or not
the log is “-35.43011964421286” for the x position when moving left

#6

deltaTime is not a fixed value, you can only get a non-fixed value by multiplying speed by it. You can use an approximation value: Math.floor(1 /game.frameRate * 1000)/ 1000

#7

I tried using:

Math.floor(this.moveSpeed * deltaTime)

to round the number but it makes no difference to my code above

#8

It should be very straight forward though, maybe your speed is too small and doesn’t show enough movement, the delta time is in seconds, for a normal frame in 60fps, the value of deltaTime would be around 0.016s

#9

have you tried this if i’m not misunderstanding?

this.snakePos.y = Math.round(this.snakePos.y + this.moveSpeed * deltaTime)
#10

I set moveSpeed to 200 and its kinda fast

#11

I tried and it moves like the Flash :joy:

#12

Okay so I think of another solution. I will divine the canvas into a grid system and will move my character based on these grid cells. Will this work?

#13

As long as the position set is taking effect, then it’s not a technical issue. It’s more about gameplay and all depends on what you want.

1 Like