Si të kodoni një zare të thjeshtë të rastësishme virtuale: 6 hapa
Si të kodoni një zare të thjeshtë të rastësishme virtuale: 6 hapa

Përmbajtje:

Anonim
Si të kodoni një zare të thjeshtë të rastësishme virtuale
Si të kodoni një zare të thjeshtë të rastësishme virtuale

Pershendetje te gjitheve!!!!! Ky është udhëzimi im i parë dhe do t'ju mësoj se si të kodoni një zare virtuale në kompjuterin tuaj ose smartphone. Unë jam duke përdorur HTML, JavaScript dhe CSS, shpresoj që të gjithëve ju pëlqen dhe mos harroni të votoni për mua në kontekstin më poshtë.

Furnizimet

1. Një redaktues i mirë teksti në telefonin tuaj të mençur ose kompjuterin tuaj

Hapi 1: Merrni redaktorin tuaj të tekstit

Këtu po përdor smartphone -in tim si redaktues teksti këtu (AnWriter). Ju gjithashtu mund të përdorni fletoren e kompjuterit tuaj, ose të merrni një redaktues të mirë teksti në internet

Hapi 2: Shkarkoni Die Faces

Shkarkoni Die Faces
Shkarkoni Die Faces
Shkarkoni Die Faces
Shkarkoni Die Faces
Shkarkoni Die Faces
Shkarkoni Die Faces

Kam shkarkuar disa fytyra prej 1 deri në 6 të cilat i bashkëngjitem këtij hapi. Pra, mund të shkarkoni atë që preferoni ose të përdorni timen (jeni falas).

Unë e kam emëruar timen sipas fytyrave të vdekjes. Kjo eshte:

Die_face_1.png, Die_face_2.png….dhe kështu me radhë deri në 6 për njohje më të mirë

Hapi 3: Filloni Kodimin

Ruani kodin si skedar.html

Filloni duke prezantuar fytyrën e paracaktuar të vdesit që dëshironi duke përdorur img src

Hapi 4:

Tjetra do të na duhet një buton për të hedhur zarin e bëjmë këtë duke shtuar një funksion butoni

ROLL ZICE

Hapi 5: Përdorni funksionin Var dhe Matematikë

Përdorni funksionin Var dhe Matematikë
Përdorni funksionin Var dhe Matematikë

SHIKONI ZARE

funksioni getRand () {

var vu = Matematika.kati (Matematika e rastësishme ()*6) +1;

var vu2 = Matematika.kati (Matematika.të rastësishme ()*6) +1;

var di = ["die_face_1.png", "die_face_2.png", "die_face_3.png", "die_face_4.png", "die_face_5.png", "die_face_6.png"];

document.getElementById ("zare"). src = di [vu-1];

document.getElementById ("dicl"). src = di [vu2-1];

}

Ky është kodi i plotë, studioni dhe testoni dhe sigurohuni që të merrni foton për të marrë efektin

Dhe nëse keni nevojë për ndihmën time në këtë kod, përmendeni atë në pjesën e komenteve

Ju mund ta ndryshoni modelin nëse nuk ju pëlqen, por unë e preferoj atë për qëllimin për të cilin dua ta përdor

Hapi 6: Vraponi

ekzekutoni kodin në shfletuesin tuaj për ta bërë atë të funksionojë