Πώς να κωδικοποιήσετε ένα απλό τυχαίο εικονικό ζάρι: 6 βήματα
Πώς να κωδικοποιήσετε ένα απλό τυχαίο εικονικό ζάρι: 6 βήματα

Πίνακας περιεχομένων:

Anonim
Πώς να κωδικοποιήσετε ένα απλό τυχαίο εικονικό ζάρι
Πώς να κωδικοποιήσετε ένα απλό τυχαίο εικονικό ζάρι

Γεια σε όλους!!!!! Αυτό είναι το πρώτο μου διδακτικό και θα σας διδάξω πώς να κωδικοποιείτε ένα εικονικό ζάρι στον υπολογιστή ή το smartphone σας. Χρησιμοποιώ HTML, JavaScript και CSS, ελπίζω να σας αρέσει πολύ και μην ξεχάσετε να με ψηφίσετε στο παρακάτω πλαίσιο.

Προμήθειες

1. Ένας καλός επεξεργαστής κειμένου στο έξυπνο τηλέφωνο ή τον υπολογιστή σας

Βήμα 1: Αποκτήστε τον επεξεργαστή κειμένου

Εδώ χρησιμοποιώ το smartphone μου ως επεξεργαστή κειμένου εδώ (AnWriter). Μπορείτε επίσης να χρησιμοποιήσετε το σημειωματάριο του υπολογιστή σας ή να αποκτήσετε έναν καλό επεξεργαστή κειμένου στο διαδίκτυο

Βήμα 2: Κατεβάστε το Die Faces

Κατεβάστε το Die Faces
Κατεβάστε το Die Faces
Κατεβάστε το Die Faces
Κατεβάστε το Die Faces
Κατεβάστε το Die Faces
Κατεβάστε το Die Faces

Κατέβασα μερικά πρόσωπα από 1 έως 6 τα οποία επισυνάπτω σε αυτό το βήμα. Έτσι, μπορείτε να κατεβάσετε το προτιμώμενο ή να χρησιμοποιήσετε το δικό μου (είστε ελεύθεροι).

Ονόμασα το δικό μου σύμφωνα με τα πρόσωπα των νεκρών. Αυτό είναι:

Die_face_1.png, Die_face_2.png….και ούτω καθεξής έως τις 6 για καλύτερη αναγνώριση

Βήμα 3: Ξεκινήστε την κωδικοποίηση

Αποθηκεύστε τον κώδικα ως αρχείο.html

Ξεκινήστε με την εισαγωγή της προεπιλεγμένης όψης μήτρας που θέλετε χρησιμοποιώντας το img src

Βήμα 4:

Στη συνέχεια θα χρειαστούμε ένα κουμπί για να ρίξουμε τα ζάρια, το κάνουμε αυτό προσθέτοντας μια λειτουργία κουμπιού

ROLL DICE

Βήμα 5: Χρησιμοποιήστε τη συνάρτηση Var και Math

Χρησιμοποιήστε τη συνάρτηση Var και Math
Χρησιμοποιήστε τη συνάρτηση Var και Math

ΚΟΝΤΗΣΤΕ ΖΑΡΕΣ

συνάρτηση 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 ("ζάρια"). src = di [vu-1];

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

}

Αυτός είναι ο πλήρης κώδικας, μελετήστε τον και δοκιμάστε τον και βεβαιωθείτε ότι έχετε πάρει τη φωτογραφία για να έχετε το εφέ

Και αν χρειάζεστε τη βοήθειά μου σε αυτόν τον κώδικα, αναφέρετέ το στην ενότητα σχολίων

Μπορείτε να αλλάξετε το σχέδιο αν δεν σας αρέσει, αλλά το προτιμώ για το σκοπό για τον οποίο θέλω να το χρησιμοποιήσω

Βήμα 6: Εκτέλεση

εκτελέστε τον κώδικα στο πρόγραμμα περιήγησής σας για να λειτουργήσει