examples VS tiled

If you find you like web programming and you start to get the hang of JavaScript, then you could look for good starter game templates and/or follow tutorials. Phaser is a lightweight JavaScript game framework and has some great example games. If you're interested in making multiplayer games, I've worked on this open-source multiplayer game (it's a topdown shooter).

Also check out this holy grail of a page, maybe it can give you some inspiration even: https://labs.phaser.io

I am new to Phaser and am using the Phaser 3 "breakout" example on github as a starting point: https://github.com/photonstorm/phaser3-examples/blob/master/public/src/games/breakout/breakout.js

I would check https://labs.phaser.io for tile examples

https://labs.phaser.io has all the examples you need, as for typescript you can just figure out how to integrate that after or use a boilerplate

See this: https://github.com/photonstorm/phaser3-examples/blob/master/public/src/input/keyboard/keydown.js.

When you decide on the high-level design of the resume, start building your map in Tiled. You can customise the map from the basic game you already have or build your one from scratch - just try and see what works best for you.

A more sophisticated approach may be to use something like Tiled (https://www.mapeditor.org), but it typically takes a lot of code to to parse a Tiled map, so I wouldn’t start there. The exact needs of your game will dictate the approaches you use. Starting simple means you can make good, visible progress getting your game to work. And I’m sure that plenty of real games have shipped where the levels are just text files.

When I first messed with Phaser, I just used a 2D array to plop in my tiles, but that was very tedious. That's when I discovered the Tiled map editor! I was able to "paint" with my tilemap to create a map with various layers. I made a ground layer, a wall layer, an enemy layer, and a potion layer.

There is also Tiled from https://www.mapeditor.org/ as a tilemap editor.

and for the map creation side there is plenty of software ! this one is nice and open source and free etc etc : https://www.mapeditor.org/

PolishedMap, for use in-game. But, if you're just sketching stuff out, PolishedMap doesn't have the most convenient UI, so something quick with great features like Tiled works well

I use Tiled with this tileset I found in Pilot NET. The maps it creates are entirely form over function - no fancy art or effects unless you add them a different way - but they're very legible. Then I use Foundry's drawing tools to sketch out outlines for cover, object sizes, etc. (Here's an example of a map I made for a Train Heist combat - orange is Size 1, yellow is soft cover, purple is difficult terrain, and so on.)

If you want to add grids or hexes, you’ll need to edit the image in an image editor to add those. I’d suggest looking at TileD at https://www.mapeditor.org or something along those lines.