Kuinka koodata yksinkertainen satunnainen virtuaalinen noppa: 6 vaihetta
Kuinka koodata yksinkertainen satunnainen virtuaalinen noppa: 6 vaihetta

Sisällysluettelo:

Anonim
Kuinka koodata yksinkertainen satunnainen virtuaalinen noppa
Kuinka koodata yksinkertainen satunnainen virtuaalinen noppa

Hei kaikki!!!!! Tämä on ensimmäinen ohjeeni, ja opetan sinulle, kuinka koodata virtuaalinen noppa tietokoneellasi tai älypuhelimellasi. Käytän HTML: ää, JavaScriptiä ja CSS: ää, toivon, että kaikki pitäisivät siitä ja älä unohda äänestää minua alla olevassa kontekstissa.

Tarvikkeet

1. Hyvä tekstieditori älypuhelimellasi tai tietokoneellasi

Vaihe 1: Hanki tekstieditori

Tässä käytän älypuhelinta tekstieditorina täällä (AnWriter). Voit käyttää myös tietokoneen muistilehtiöä tai hankkia hyvän tekstieditorin verkossa

Vaihe 2: Lataa Die Faces

Lataa Die Faces
Lataa Die Faces
Lataa Die Faces
Lataa Die Faces
Lataa Die Faces
Lataa Die Faces

Latasin joitain muottipintoja 1–6, jotka liitin tähän vaiheeseen. Joten voit ladata haluamasi tai käyttää omaani (olet ilmainen).

Nimesin omani kuolevien kasvojen mukaan. Tuo on:

Die_face_1.png, Die_face_2.png… ja niin edelleen 6: een asti paremman tunnistamisen takaamiseksi

Vaihe 3: Aloita koodaus

Tallenna koodi.html -tiedostona

Aloita ottamalla käyttöön haluamasi oletusmuotti käyttämällä img src

Vaihe 4:

Seuraavaksi tarvitsemme nappia nopan heittämiseksi, teemme tämän lisäämällä painiketoiminnon

HEITÄ NOPPAA

Vaihe 5: Käytä Var- ja Math -toimintoa

Käytä Var- ja Math -toimintoa
Käytä Var- ja Math -toimintoa

Ravista noppaa

function getRand () {

var vu = Matematiikka (Matematiikka (satunnainen ())*6) +1;

var vu2 = Matematiikkalattia (Matemaattinen.satunnainen ()*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 ("noppa"). src = di [vu-1];

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

}

Tämä on koko koodi, tutki sitä ja testaa sitä ja varmista, että saat kuvan saadaksesi tehosteen

Ja jos tarvitset apua tässä koodissa, mainitse se kommenttiosassa

Voit muuttaa muotoilua, jos et pidä siitä, mutta mieluummin sitä tarkoitusta varten, johon haluan käyttää sitä

Vaihe 6: Suorita

suorita koodi selaimellasi saadaksesi sen toimimaan