🦫 வாக்-எ-மோல் விளையாட்டு (Whack-a-Mole Game)
விளக்கம் (Description)
வீரர்கள் சீரற்ற முறையில் (randomly) துளைகளிலிருந்து வெளியே வரும் மச்சங்களை (moles) "whack" செய்யும் (அடிக்கும்) வேடிக்கையான மற்றும் வேகமான அனிச்சை விளையாட்டு (reflex game). ஒவ்வொரு வெற்றிகரமான அடியும் உங்களுக்குப் புள்ளிகளைப் பெற்றுத் தருகிறது - ஆனால் விரைவாக இருங்கள், ஏனெனில் மச்சம் ஒரு நொடியில் மறைந்துவிடும்! விளையாட்டு ஒரு குறிப்பிட்ட நேரத்திற்கு மட்டுமே இயங்குகிறது, இது உற்சாகமானதாகவும் சவாலானதாகவும் இருக்கும்.
அம்சங்கள் (Features)
- விளையாட்டைத் தொடங்கப் பட்டனைத் தொடங்கு (Start button)
- 9 வெவ்வேறு துளைகளில் சீரற்ற மச்சத்தின் தோற்றம்
- நிகழ்நேர ஸ்கோர் (score) கண்காணிப்பு
- தானியங்கி 30-வினாடி விளையாட்டு காலம்
- நேரம் முடிந்ததும் இறுதி மதிப்பெண்ணைக் காட்டும் எச்சரிக்கைச் செய்தி
பயிற்சி பெற்ற கருத்துகள் (Concepts Practiced)
- DOM கையாளுதல் மற்றும் மாறும் உறுப்பு (element) உருவாக்கம்
- ஊடாடும் கிளிக்குகளுக்கான (interactive clicks) நிகழ்வு கேட்பாளர்கள் (Event listeners)
Math.random()மற்றும்setTimeout()ஐப் பயன்படுத்தும் சீரற்றமயமாக்கல் மற்றும் நேரம் (Randomization and timing)- அடிப்படை விளையாட்டு லூப் தர்க்கம்
- மச்சத்தின் இயக்கத்திற்கான CSS அனிமேஷன்கள்
போனஸ் சவால் (Bonus Challenge)
- மச்சத்தின் வேகத்தை அதிகரிக்கும் நிலைகளை (எளிதானது, நடுத்தரம், கடினமானது) சேர்க்கவும்
- காணக்கூடிய கவுண்ட்டவுன் டைமரை (visible countdown timer) சேர்க்கவும்
localStorageஐப் பயன்படுத்தி அதிக மதிப்பெண்களைச் சேமித்து மற்றும் காண்பிக்கவும்- மச்சம் கிளிக் செய்யப்படும்போது ஒலி விளைவுகளைச் (sound effects) சேர்க்கவும்
- மச்ச வடிவமைப்பைத் தனிப்பயனாக்க படங்கள் அல்லது எமோஜிகளைப் பயன்படுத்தவும்