Kako kodirati jednostavnu slučajnu virtualnu kocku: 6 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:34

Pozdrav svima!!!!! Ovo je moj prvi instruktor i naučit ću vas kako kodirati virtualne kockice na vašem računalu ili pametnom telefonu. Koristim HTML, JavaScript i CSS, nadam se da će vam se svidjeti i ne zaboravite glasovati za mene u donjem kontekstu.

Pribor

1. Dobar uređivač teksta na vašem pametnom telefonu ili računalu

Korak 1: Nabavite svoj uređivač teksta

Ovdje koristim svoj pametni telefon kao uređivač teksta (AnWriter). Možete koristiti i bilježnicu na računalu ili nabaviti dobar uređivač teksta na mreži

Korak 2: Preuzmite Die Faces

Preuzeo sam neke matrice od 1 do 6 koje prilažem ovom koraku. Dakle, možete preuzeti željeni ili koristiti moj (besplatni ste).

Ja sam svoje nazvao prema umrlim licima. To je:

Die_face_1.png, Die_face_2-p.webp

Korak 3: Pokrenite kodiranje

Spremite kôd kao.html datoteku

Započnite uvođenjem zadanog matrice lica koje želite pomoću img src

Korak 4:

Zatim ćemo trebati gumb za bacanje kockica. To radimo dodavanjem funkcije gumba

ZAVARATI KOCKE

Korak 5: Upotrijebite funkciju Var i Math

PROTESI KOCKU

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

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

}

Ovo je cijeli kôd, proučite ga i testirajte te se pobrinite da dobijete fotografiju da biste dobili učinak

A ako trebate moju pomoć oko ovog koda, navedite ga u odjeljku za komentare

Možete promijeniti dizajn ako vam se ne sviđa, ali ja ga preferiram u svrhu za koju ga želim koristiti

Korak 6: Trčite

pokrenite kôd u svom pregledniku kako bi funkcionirao