Asosiy kontentga o‘tish

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