pdybowski / village-defense Goto Github PK

add game container dynamically
maybe we can set some progress bar for a while
you can do it!

settings content should be add to popup that was created by Szymon and Irek. Popup with this content should be run when users click SETTINGS button/

There should be two buttons to allow ser to save settings or to back to the main manu

'Save', 'Cancel'

UI:

1. Improve Home Page interface
   https://cdn.discordapp.com/attachments/802949481552150548/802972305839226910/unknown.png
   Background idea:
   Gradient - white circle inside and then darkgreen

2. Buttons should change bottom border color after hover (only suggestion)
   https://cdn.discordapp.com/attachments/802949481552150548/802972938029760512/unknown.png
   Button examples: (suggestion, for now it just looks bad)
   https://codepen.io/topic/buttons/picks

3. Also change GLOBAL font. You Can use google fonts.

need to change html forwarding because addeventlistener is not working

when users click quit button it should open popup and ask user 'Do you really want to quit the game?'
'You wont be able to get back'

buttons:
Yes Cancel

Above village image add three resources:
gold, wood, stone as an icon

next to gold/wood/stone icon add current value (can be hard coded by now - fixed value)

ON THE LEFT FROM VILLAGE IMAGE:

Add buildings names with '+' btn next to it
when '+' is hovered show how much will it cost to upgrade this buiding:
cost be hard coded

buildings:
town hall (+),
baracks,
warehouse,
house,
wall,
gold mine,
quarry,
sawmill

ON THE RIGHT FROM VILLAGE IMAGE:
On the right side of the vaillage image add how man units do we currently have.

we have one unit for now so it can look like below:

under the village image add progress bar that is counting down. You can use bootstrap. But remember to dawnload bootstrap.min.css and add it to assets/css

should include:

1. type
2. id (optional)
3. classes (optional)
4. value (optional, lets say we want to create p tag/button/h3 etc... when we create div value can be added but should be IGNORED during component rendering)

example:
createElement('div', 'example-id', ['test-class', 'test-class-2', 'Hello, its me div value']

improve game page interface (background, other styles - make it cool)

change button name to: 'Quit the game' etc..
when we click it we should show popup with warning 'Do you really want to exit? Game progres will be lost.'
two button in this popup: 'exit', 'cancel'

https://stackoverflow.com/questions/6529645/how-to-add-background-music-to-a-web-page

unit test

files structure

Depends of user class prferences add proper village image

dwarf:
https://external-preview.redd.it/xINcNqX39UoFL56XIrQnRuvJZ7pApw3dJ2M9fwnifWQ.jpg?auto=webp&s=31f939a278ee0b81b7a7f78d89c1f73a5401987f

human:
https://i.pinimg.com/originals/2c/1b/c2/2c1bc2d5b0c2095a77bc9079aa530efd.jpg

ELF: https://cdnb.artstation.com/p/assets/images/images/007/432/089/large/museup-choi-2017071301.jpg?1506088297

Add flex/grid whateva to allow other devs add their code

clean types to screens after Bartek's branch is done

zwiększyć poziom obrony o x-wiecej
1lvl +10
2lvl +13
...

connect warehouse class to '+' button
Add Logic that will handle resizing resource storage

only on production

Add TownHall class
Connect some function to '+' button on game page
Build town hall and reduce other buildings build time

• add game losing terms - population equal to 0

• add info to show user that they lost the game:

• • how many waves did they survived
• • game time

• move to home page screen

On the right side of the vaillage image add how man units do we currently have.

we have one unit for now so it can look like below:

zwiększyć liczbę ludzi o x-więcej
1lvl: +100
2lvl: +140
...

title: 'Defend Your Village!'

when battle starts add gif at the center (few seconds) with two swords fighting

change music to battle sound

show number of enemies

dostosować font size dla media queries:

• 0 -359
• 360 - 767

start page

1. • Remove class image container
2. • info popup - remove author icons - just show listed authors

game page

1. • min width 768px
     
2. • max-width 767px
     

• dodatkowo: sprawdzić progress bar na splash page

stone
wood

pokazać na rodku zamiast timera

• who won
• how many resources was stolen
• how many soldires died
• new population amount

Add possibily to upgrade barracks. The higher level is the shorter time to recruit new units should be. Add something to enable recruit new units- can be plu button (like in budilings container). It can be shown on the Right side of a game page - close to the unit image

units amount shouldnt be higher then population

ecruiting them shouldnt reduce population