Kaip koduoti paprastus atsitiktinius virtualius kauliukus: 6 žingsniai
Kaip koduoti paprastus atsitiktinius virtualius kauliukus: 6 žingsniai

Turinys:

Anonim
Kaip koduoti paprastus atsitiktinius virtualius kauliukus
Kaip koduoti paprastus atsitiktinius virtualius kauliukus

Sveiki visi!!!!! Tai pirmas pamokomas dalykas ir aš jus išmokysiu koduoti virtualius kauliukus savo kompiuteryje ar išmaniajame telefone. Aš naudoju HTML, „JavaScript“ir CSS, tikiuosi, kad jums visiems tai patiks ir nepamirškite balsuoti už mane toliau pateiktame kontekste.

Prekės

1. Geras teksto redaktorius jūsų išmaniajame telefone ar kompiuteryje

1 žingsnis: Gaukite teksto rengyklę

Čia aš naudoju savo išmanųjį telefoną kaip teksto redaktorių („AnWriter“). Taip pat galite naudoti kompiuterio užrašų knygelę arba gauti gerą teksto rengyklę internete

2 veiksmas: atsisiųskite „Die Faces“

Parsisiųsti Die Faces
Parsisiųsti Die Faces
Parsisiųsti Die Faces
Parsisiųsti Die Faces
Parsisiųsti Die Faces
Parsisiųsti Die Faces

Aš atsisiunčiau keletą veidų nuo 1 iki 6, kuriuos pridedu prie šio žingsnio. Taigi, galite atsisiųsti pageidaujamą arba naudoti mano (esate nemokamas).

Aš pavadinau savąjį pagal mirusiųjų veidus. Tai yra:

Die_face_1.png, Die_face_2.png… ir taip toliau iki 6, kad geriau atpažintumėte

3 veiksmas: pradėkite kodavimą

Išsaugokite kodą kaip.html failą

Pradėkite pristatydami norimą numatytą štampavimo veidą naudodami img src

4 žingsnis:

Toliau mums reikės mygtuko kauliukams mesti, tai darome pridėdami mygtuko funkciją

RITIMO KAULIUKAI

5 veiksmas: naudokite funkciją „Var“ir „Matematika“

Naudokite „Var“ir „Matemat“funkciją
Naudokite „Var“ir „Matemat“funkciją

KRASTI KAULIUS

funkcija getRand () {

var vu = Math.floor (Math.random ()*6) +1;

var vu2 = Math.floor (Math.random ()*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 ("kauliukai"). src = di [vu-1];

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

}

Tai yra visas kodas, ištirkite jį ir išbandykite ir įsitikinkite, kad gausite nuotrauką, kad gautumėte efektą

Ir jei jums reikia mano pagalbos dėl šio kodo, paminėkite jį komentarų skiltyje

Galite pakeisti dizainą, jei jums tai nepatinka, bet man labiau patinka tuo tikslu, kuriam noriu jį naudoti

6 veiksmas: paleiskite

paleiskite kodą savo naršyklėje, kad jis veiktų