Kuinka koodata yksinkertainen satunnainen virtuaalinen noppa: 6 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:00

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

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

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