𝗦𝗶𝗸𝘂 ya 𝟯𝟮 ya Kujifunza MERN Stack
Leo nimeunda mchezo wa Snake and Ladder.
Nilitumia HTML5, CSS3, na Vanilla JavaScript.
Jana niliunda Rock Paper Scissors. Leo nilitaka changamoto kubwa zaidi. Nilihitaji kufuatilia nafasi kwenye gridi ya seli 100.
Nilijikita katika maeneo makuu mawili ya kiufundi:
Kutengeneza Gridi (Grid Generation) Sikuandika div 100 tofauti za HTML. Nilitumia loop kutengeneza gridi kiprogramu. Nilitumia CSS Grid kutengeneza mpangilio wa 10x10.
Mantiki ya Mchezo (Game Logic) Niliepuka kauli ndefu za if-else kwa ajili ya nyoka na ngazi. Nilitumia JavaScript object kuunganisha mienendo. Hii inafanya kodi kuwa safi.
Object hiyo inaunganisha tile ya kuanzia na tile ya mwisho:
- Ngazi zinakusogeza juu.
- Nyoka wanakusogeza chini.
Mfano wa mantiki: const gameModifications = { 4: 14, 9: 31, 21: 42, 28: 84, 51: 67, 72: 91, 80: 99, 17: 7, 54: 34, 62: 19, 64: 60, 87: 36, 93: 73, 95: 75, 98: 79 };
Kujenga mchezo huu alinifundisha jinsi ya kudhibiti state na coordinates katika mchezo.
Chanzo: https://dev.to/ali_hamza_589ec7b3eb6688d/day-32-of-learning-mern-stack-15o1