Kako kodirati preprosto naključno navidezno kocko: 6 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:03

Zdravo vsi!!!!! To je moj prvi pouk in naučil vas bom, kako kodirati virtualno kocko na računalniku ali pametnem telefonu. Uporabljam HTML, JavaScript in CSS, upam, da vam bo všeč in ne pozabite glasovati zame v spodnjem kontekstu.

Zaloge

1. Dober urejevalnik besedil na vašem pametnem telefonu ali računalniku

1. korak: Pridobite urejevalnik besedil

Tukaj uporabljam svoj pametni telefon kot urejevalnik besedil (AnWriter). Uporabite lahko tudi beležnico v računalniku ali v spletu dobite dober urejevalnik besedil

Korak: Prenesite Die Faces

Prenesel sem nekaj matric od 1 do 6, ki jih priložim temu koraku. Torej lahko prenesete želeno ali uporabite mojo (brezplačni ste).

Svoje sem poimenoval glede na obraze. To je:

Die_face_1.png, Die_face_2.png….in tako naprej do 6 za boljše prepoznavanje

Korak: Začnite kodirati

Kodo shranite kot datoteko.html

Začnite tako, da z img src predstavite privzeti obraz obraza, ki ga želite

4. korak:

Nato bomo za dodajanje funkcije gumba potrebovali gumb

ZVARI KOCKE

5. korak: Uporabite funkcijo Var in Math

STREŠITE KOCKE

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 ("kocke"). src = di [vu-1];

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

}

To je celotna koda, preučite jo in preizkusite ter poskrbite, da boste dobili fotografijo, da boste dobili učinek

Če potrebujete mojo pomoč pri tej kodi, jo omenite v oddelku za komentarje

Obliko lahko spremenite, če vam ni všeč, vendar imam raje za namen, za katerega ga želim uporabiti

6. korak: Zaženite

zaženite kodo v brskalniku, da deluje