Jump to content

Phaser - help with movement/update function


Recommended Posts



I just started working with Phaser (really enjoy working with it) and now that I have gone through their examples, I want to create a game like the old school Nokia Snake game (it is a tradition for me that the first game I create is the old school snake when starting working with a game framework/library :D )


My question is: what is the best way to create a "block like movement" - one sprite moves exactly one sprite size per update (currently using the velocity or changing the x/y position moves the sprite fluidly, because of the update ratio).


Do I change the update function to be triggered less frequently? Do I create a counter inside of the update function and only trigger the movement on a specific count? Or is there another more elegant solution?


Sorry for the wall of text :) And thank you for your help :)


TL;DR: how to create a non-fluid movement (one size per interval)

Link to comment
Share on other sites

Short answer:


1. Tile map with movement on tiles so when user press "Right" it goes from tile  1,1 (x,y)   to 1,2


2. Ditch physics for the moment :) Nokia Snake doesn't have one so you don't need it too


Also you can do the whole thing without tilemaps and with arrays.


Here a little jquery based Snake game:



I'll try to make a little example for "blocky" movement in the weekend.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...