@programicks Yeah, I've been making an implementation with the game.make.bitmapData( ) . and it had following issues:
You have to load two separate pictures - one the background itself, and the "red zones only" picture.
Check rate. F.e. the character is moving at 15px. In theory, it has to check the red zone appearance for each pixel i.e 15 times. In reality, it checks it 4-5 times per 10px. Visually it looks that character can move outside the marked space with some little distance.
At this moment I made an implementation using P2 physics body for the background (made with PhysicsEditor) and loaded via JSON, but I'm not sure that it is a proper implementation.
Maybe there is a way to encode the red zones in the .png somehow?