Hi! How do I make the player sprite always be in the center? even if the player comes to the edge of the map.
Make an artificial border, within the bounds of the layout, that prevents the player object from approaching closer than half the viewport to the actual edge of the layout. Then the scroll to behavior will work fine as you described.
Develop games in your browser. Powerful, performant & highly capable.
You can click "unbounded scrolling" in the layout. This will do the trick, but it will show the areas outside your layout when you go to the edge. The good thing is if you change the zoom level of the layout you don't have to adjust any extra settings.
How do I change the color of the space behind the layout?
There is a background color setting in project properties.