Using images in Phaser Question?

[Choeeey]

Okay so I want to make a maze game. Say i have this image:

 

 

Is there a way to specify that only the white area is "walkable" and the black area is a "wall"?

 

 

[Dragonfire]

The easy way:

 

Make the background white.

Add two black rectangles.

Activate Physics on the rectangles.

 

 

If you have more complex maps, maybe try tile maps:

http://www.gamedevacademy.org/html5-phaser-tutorial-top-down-games-with-tiled/ 

[Choeeey]

Thanks, I was hoping there would be a nicer way to do this as I am going to have about 8 different possible images/tiles

e.g left corner, right corner, cross over etc

 

It will be a bit too messy for me to throw rectangles about the place, especially since I want to randomly generate the maze

[Dragonfire]

I am no Phaser expert, but how Phaser can detect, that the black area is not walkable?

[valueerror]

if i were going to create a maze i would definitely use a tilemap..  create the whole map in tiled editor  http://www.mapeditor.org/

[Choeeey]

if i were going to create a maze i would definitely use a tilemap..  create the whole map in tiled editor  http://www.mapeditor.org/

 

How would this work with random generation though?

[rtlehr]

Check this out, I think it will help.

 

http://www.emanueleferonato.com/2014/10/21/phaser-tutorial-how-to-create-an-html5-survival-horror-game-in-6-easy-steps/