Asosiy kontentga o‘tish
Download 270.95 Kb.
|
Asosiy kontentga o
- Bu sahifa navigatsiya:
- Oyinni yaratish jarayonida ozim uchun kerakli bilimlarni mustahkamlab oldim: Bular Math.random va setInterval
Asosiy kontentga o‘tish KirishRo‘yxatdan o‘tish Maqola DasturlashFikrlarFull StackFrontend Jahongir Hayitov Front End Developer Joylashtirilgan 2 yil oldin Html, CSS va JS da yaratilgan ajoyib o'yin Daltonik o'yini Oldingi maqolamda Polu Chudeso'yini yaratgan edik. Bu o'yinni yaratishda esa Html, CSS va JS tillaridan foydalandim va bu o'yinni yaratish uchun 1 kun vaqtim ketdi. O'yin g'oyasini Google Play Games ilovasidagi xuddi shunaqa ajralib turgan rangni topish o'yinidan olganman. O'yinni yaratish jarayonida o'zim uchun kerakli bilimlarni mustahkamlab oldim: Bular Math.random va setInterval funksiyalari orqali JavaScriptda ishlash, JS va CSS da DOM bilan ishlash va h.k O'yinning Maqsadi: Ajralib turgan 1 ta rangni qolgan ranglar ichidan topish bunda siz rang ajratish qobilyatingizni yaxshilaysiz va sergak bo'lishga intilasiz O'yindagi algoritm: Men o'yinni yaratishim uchun JS da 1-navbatda Math.random orqali ixtiyoriy jadval tuzishni ko'rib chiqdim va keyin kataklarni kvadrat shaklda va tomoni 2 tadan 5 ta katakgacha bo'lishi uchun unga o'zgaruvchi berib oldim. let tdNum=Math.floor(Math.random() * 4)+2; //Kataklar soni var muljal=Math.floor(Math.random()*tdNum*tdNum)+1; //ajralib turgan rang katakdagi nomeri let rKod=Math.floor(Math.random() * 256); //Qizil let gKod=Math.floor(Math.random() * 256); //Yashil let bKod=Math.floor(Math.random() * 256); //Ko'k var uzgarishNum=15; //RGB Ranglar o'zgarish soni var colorReal="#"+realRanglar["newR"]+realRanglar["newG"]+realRanglar["newB"]; //Asl Ranglar var colorFake="#"+fakeRanglar["newR"]+fakeRanglar["newG"]+fakeRanglar["newB"]; //Soxta Rang Men ranglar yaratish uchun RGB modulidan foydalandim. Keyin realRanglar va fakeRanglar nomli obyekt yaratib oldim va yuqoridagi koddagi kabi qizil, yashil va ko'k ranglar uyg'unligini avtomatlashtirib realRanglar obyektiga joyladim va fakeRanglar obyektida shu ranglardan uzgarishNum ya'ni yuqoridagi kodda 15 shu qiymatni ayirdim yoki qushdim ya'ni qiymatimiz 0 dan katta va 256 dan kichik bo'lishi kerak. var muljal=Math.floor(Math.random()*tdNum*tdNum)+1; //ajralib turgan rang katakdagi nomer Download 270.95 Kb. Do'stlaringiz bilan baham: |
Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling
ma'muriyatiga murojaat qiling