How to do site editing via "appearance > settings"?

Question

WordPress

Good afternoon, I often saw that in some themes it is possible to customize the site logo, change texts through "appearance" > "settings", as for me this is a much more attractive option than the one I use now, namely the unison framework (Fig. 1 ). Those. in this framework, by clicking, for example, on the "picture-text" block, a window opens with the settings of this block fig. 2, where I can set as a picture for a given block text in this block and other settings.
figure 1

figure 2

Tell me how to make the whole site editable (pictures, texts, custom settings) via "appearance" > "settings" as shown in fig. 3 , i.e. so that when you click on the blue edit icon (a white pencil in a circle with a blue fill), the fields for editing this block appear on the left, the same as in Fig. 2
figure 3

Answer 1

https://wp-kama.ru/handbook/theme/customize-api

Answer 2

I understand you are making a game. In this case, it is better to separate the model of the game from its visual component. Everyone's favorite and not very MVC pattern.
In this case, using the timer, you call the step function, in which all the logic for your game will occur.
In your case, the ball and the obstacles will have a vector and a speed parameter, and each step you will change their position by vector*velocity.
And after changing their positions, you will redraw your View.