/PROJECT1-SEC-1-XiaoYiLobsterSlayerTeam

Primary LanguageVue

PROJECT1-SEC-1-XiaoYiLobsterSlayerTeam

⭐⭐⭐

Simon Says Game 🎮

MEMBER 👨‍👨‍👦‍👦

ID NAME ROLE RESPONSIBILITY %
65130500022 Natsaran Sae-oueng Function
  • Automatic game ending upon wrong input detection
  • Theme switch
  • Checking if the player has pressed the correct color sequence
 25%
65130500023 Tinnapop Tienbang Function&Animation
  • Randomizing and displaying colors for the player to follow
  • Code optimization
 25%
65130500041 Papangkorn Kijsakulrat Ui Design
  • Gameplay instructions
  • Option to select button size or color quantity
  • Reset button functionality
 25%
65130500046 Phatcharadol Thangplub Misc
  • Timing the game duration and automatic game ending
  • Selecting game difficulty based on time
  • Summarized game results
 25%

FEATURE 💡

📍 FEATURE DESCRIPTION
1 Game difficulty Player must choose at least one difficulty to be able to play game which's based on time
2 Game size Player must choose at least one button size which's will generate block quantity base on player selection
3 Theme switch Player can switch either dark or light theme(default)
4 Gameplay instructions Complete game instructions with GIF images
5 Game timer Timing the game's duration and it's automatic termination
6 Color block generator Randomizing and displaying colors for the player to follow
7 Player input corrector Checking if the player has pressed the correct color sequence
8 Game error corrector Checking if the player has pressed the wrong color sequence
9 Restart game Fucntion to restart game
10 Game summary Summarized game results

TUTORIAL ❓

1. Choose the number of color blocks that can be pressed.

2. Select the difficulty level of the game, which affects the time allowed for remembering the sequence of presses.

3. Press the PLAY button to enter the game page.

4. Press the START button to begin the game.

5. Observe the flashing colors and their sequence.

6. Press them in the correct order.

7. Complete as many rounds as possible.

GAME DEMO 🕹️

game_demo.mp4

GROWTH 📈

Each member's learning in the past 5 weeks

  • Natsaran Sae-oueng 65130500022 - DOM, Vue Instance/directive/reactivity, Handling Events, Timer/asynchronous concepts
  • Tinnapop Tienbang 65130500023 - setTimeout & setInterval , vue Transition built-in , Watchers , Conditional Rendering , Reactivity Fundamental
  • Papangkorn Kijsakulrat 65130500041 - Vue CompositionAPI, Vue Reactivity, Computed, watchers, Class and style binding
  • Phatcharadol Thangplub 65130500046 - JS syntax and coding style, Web development process, Vue directive

REFERENCE 📑

lobster