update

Author: youssif-sully

README.md

@@ -1,15 +1,38 @@
 # Python-Module-pygame
 
-## The game divided into different modules for ease of use and debugging
+## First check out the flowing
+
+[Game flow](flow.md) and [pygame rect](rect_pygame.md)
+
+## Road map
+
+- Creating frame for the game
+
+  - [Colors Module](colors.py)
+
+  - [Config Module](config.py)
 
-### 1. [Colors Module](colors.py)
+  - [Initialize Module](init.py)
+
+  - [Player (sprite) Module](Player.py)
+
+  - [The main Module](main.py)
+
+- Replacing the player sprite (rectangular shape) with an image
+
+## The game divided into different modules for ease of use and debugging
 
-#### defining some colors to use in the game (we can add more colors here)
+- [Colors Module](colors.py)
+  - defining some `RGB colors` to use in the game (we can add more colors here)
 
-### 2. [Config Module](config.py)
+- [Config Module](config.py)
+  - defining screen width and height and also the `FPS`
 
-#### defining screen width and height and also the FPS
+- [Initialize Module](init.py)
+  - initializing the `pygame module`, `pygame mixer` (used for sounds), `the screen` (width and height imported from config module), `screen label` and the `clock` (used to control the time of the game flow) See: [Game flow](flow.md)
 
-### 3. [Initialize Module](init.py)
+- [Player (sprite) Module](Player.py)
+  - contains `player` (sprite) class and for now it is a rectangular shape (pygame.Surfaces())
 
-#### initializing the pygame module, pygame mixer (used for sounds), the screen (width and height imported from config module), screen label and the clock (used to control the time of the game flow) See: [Game flow](flow.md)
+- [The main Module](main.py)
+  - the main loop of the game and contains the all the steps of the `game flow` See: [Game flow](flow.md)

rect_pygame.md

@@ -1,11 +1,11 @@
 # Rect in pygame
 
-## Images (like the mario below) and shapes (pygame.Surfaces) don't have "positions"
+Images (like the mario below) and shapes (pygame.Surfaces()) don't have "positions"
 
 ![Mario](mario.png)
 
-## Using get_rect() method creates rect (rectangular) with the size of the image/shape in the x, y coordinates (0, 0) (see the image below)
+Using get_rect() method creates rect(rectangular) with the size of the image shape in the x, y coordinates (0, 0) (see the image below)
 
 ![Game flow](rects_pygame.png)
 
-## now the rect can be "interacted" with (move, collision etc.) by either the x, y coordinates or by using top, center, etc. (as shown in the image above)
+now the rect can be "interacted" with (move, collision etc.) by either the x, y coordinates or by using top, center, etc. (as shown in the image above)