# My proposal : BABA is YOU

from: Jee Youn Kim  
ID: 20243197  
URL: http://git.prototyping.id/20243197/20243197

## Game : BABA is YOU 
Game Link: [link(steam)](https://store.steampowered.com/app/736260/Baba_Is_You/)  
Genra: Word Puzzle Game  
User Contol: ASDW

### What does the players have to do? ---> Win!
![Play](assets/BabaPlayEx.gif)
- **How to win?**
    Touch the element that is connected to 'WIN'
- **How the game works?**
    This is a *word puzzle* based computer game.
    You make the rules by combining the objects and words (properties).  
    And according to the rules you play the game(*move around and touch the 'win'.*)
    
    move baba and push the words to make rules. Then within the rules you made, reach the 'win' object and win the stage.

### Elements
| Objects | Image | Instructions |
| :------ | :---: | :----------- |
| Baba    | <img src="assets/Baba.webp" width="40px"> | initial main caracter. Moves with ASDW |
| Rock    | <img src="assets/Rock.webp" width="40px"> | |
| Flag    | <img src="assets/Flag.webp" width="40px"> | | 

### Terrain (Blocking)
| Objects | Image | Instructions |
| :------ | :---: | :----------- |
| Tile(floor) | <img src="assets/Tile.webp" width="40px"> | |
| Wall(initailly blocking) | <img src="assets/Wall.webp" width="40px"> | |
| lava | <img src="assets/Lava.webp" width="40px"> | |
| Water | <img src="assets/Water.webp" width="40px"> | |
| etc.. |

### Properties (Indicator)
| Objects | Image | Instructions |
| :------ | :---: | :----------: |
| BABA | <img src="assets/Text_BABA.webp" width="40px"> | <img src="assets/Baba.webp" width="40px"> |
| Rock | <img src="assets/Text_ROCK.webp" width="40px"> | <img src="assets/Rock.webp" width="40px"> |
| Flag | <img src="assets/Text_FLAG.webp" width="40px"> | <img src="assets/Flag.webp" width="40px"> |
| Wall | <img src="assets/Text_WALL.webp" width="40px"> | <img src="assets/Wall.webp" width="40px"> |
| Lava | <img src="assets/Text_LAVA.webp" width="40px"> | <img src="assets/Lava.webp" width="40px"> |
| Water | <img src="assets/Text_WATER.webp" width="40px"> | <img src="assets/Water.webp" width="40px"> |
| etc...

### Properties (Operator)
| Objects | Image | Instructions |
| :------ | :---: | :----------- |
| IS | <img src="assets/Text_IS.webp" width="40px"> | Operator |

### Properties (Action)
| Objects | Image | Instructions |
| :------ | :---: | :----------- |
| You | <img src="assets/You.webp" width="40px"> | |
| Move | <img src="assets/Move.webp" width="40px"> | |
| Win | <img src="assets/Win.webp" width="40px"> | |
| Stop | <img src="assets/Stop.webp" width="40px"> | |
| Hot | <img src="assets/Hot.webp" width="40px"> | |
| Sink | <img src="assets/Sink.webp" width="40px"> | if something goes to this tile, it sinks and the tile becomes 'tile'. |
| etc...


### How will the game look like?
    Environment: tile based.

    To build the scene described above, I plan to develop the game using modular rules, where each interaction and game logic is handled through well-structured functions.

`+`...If I can AI generate the stages of 'baba is you', that will be my final goal of this project.

### Main Challenges
1. Make the rules work. 
2. Make the elements to be interchangeable.
3. Make the World. (can I AI generate this?)

### Documentations
- Tile based 

### LOG
| DATE | Updates         |
| :--: | :-------------- |
| 2025.04.14 | Updated the Markdown, initial creation of the project |
| 2025.04.15 | Create the folders and js files. Create the HTML, CSS for the projects. |
| 2025.04.19 | Put sprites, make initial stage. |
| 2025.04.20 | Done with initial stage, but no move rock. |


### TODO
- Add Move Script
- Add Sprite Combination Script
- Make Rules Modul-able
- Make sprites as animation
- Put in Sound Effects
- Add 'Start Game', 'Pause Game'
- Make 'Game Over', 'Congrats' good looking

### Reference
https://youtu.be/M5St-vvohzs