tiled VS ScreenToGif

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.

By following these steps, your diagram will be exported as an SVG, keeping the animation intact. If you find yourself on a platform that doesn't support SVG, you can use external programs like ScreenToGif. This program lets you record your screen and export the recording as a GIF. Handy for platforms that prefer GIFs over SVGs.

ScreenToGif has a very nice editor that can make cinemagraphs, remove duplicate frames, etc.

ffmpeg can make gifs, but I don't know how you would do stuff like static regions. It could probably be done with some masking and filtering, but I think you would need to make the mask separately so why not use a GUI gif editor instead?

https://www.screentogif.com/

If you need to show the screen, you should take a screen shot of the entire window, via Window->SaveScreenshot, rather than using a cell phone or something. Take the entire screen instead of just the one part you think is broken. The reason it's broken is not the part, but something else, or you would have already figured out why it's broken. (Sadly, blender no longer has built in screen-animation recording for some reason, but I'm told https://www.screentogif.com/ is a good tool to have handy.)

Also depending on what you're doing Screen to GIF is fantastic.

Screen to gif is a nice programm for that. Have a look at it: https://www.screentogif.com/

Happily. Is free https://www.screentogif.com/ I record the screen, halve the gif size, add the steps in writing at the bottom of the gif, then paste it into a google doc.

I just used the first result which comes up when you search for a GIF recorder in google.

ScreenToGIF is my go-to. Easy to capture, solid set of editing tools, and a top-notch compression algorithm for saving at a high-quality.

If you need to show the screen, you should take a screen shot of the entire window, via Window->SaveScreenshot, rather than using a cell phone or something. Take the entire screen instead of just the one part you think is broken. The reason it's broken is not the part, but something else, or you would have already figured out why it's broken. (Sadly, this no longer works for recording an animation for some reason, but I'm told https://www.screentogif.com/ is a good tool to have handy.)

Use this : https://www.screentogif.com/ It's free and works great