Inhaltsverzeichnis:
2025 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2025-01-13 06:56
Hallo allerseits!!!!! Dies ist mein erstes anweisbares und ich werde Ihnen beibringen, wie man einen virtuellen Würfel auf Ihrem PC oder Smartphone codiert. Ich verwende HTML, JavaScript und CSS, ich hoffe, es gefällt euch allen und vergesst nicht, im folgenden Kontext für mich zu stimmen.
Lieferungen
1. Ein guter Texteditor auf Ihrem Smartphone oder PC
Schritt 1: Holen Sie sich Ihren Texteditor
Hier verwende ich mein Smartphone als Texteditor hier (AnWriter). Sie können auch den Notizblock Ihres PCs verwenden oder einen guten Texteditor online besorgen
Schritt 2: Laden Sie Die Faces herunter
Ich habe einige Würfelgesichter von 1 bis 6 heruntergeladen, die ich diesem Schritt beifüge. Sie können also Ihre bevorzugte herunterladen oder meine verwenden (Sie sind kostenlos).
Ich habe meine nach den Würfelgesichtern benannt. Das ist:
Die_face_1.png, Die_face_2-p.webp
Schritt 3: Codierung starten
Speichern Sie den Code als.html-Datei
Beginnen Sie mit der Einführung der gewünschten Standard-Matrizenfläche, indem Sie die img src verwenden
Schritt 4:
Als nächstes benötigen wir einen Knopf, um die Würfel zu würfeln, indem wir eine Knopffunktion hinzufügen
WÜRFELN
Schritt 5: Verwenden Sie die Var- und Math-Funktion
WÜRFEL SCHÜTTELN
Funktion getRand(){
var vu=Math.floor(Math.zufällig()*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("Würfel").src= di[vu-1];
document.getElementById("dicl").src= di[vu2-1];
}
Dies ist der vollständige Code, studieren Sie ihn und testen Sie ihn und stellen Sie sicher, dass Sie das Foto erhalten, um den Effekt zu erzielen
Und wenn Sie meine Hilfe zu diesem Code benötigen, erwähnen Sie es im Kommentarbereich
Sie können das Design ändern, wenn es Ihnen nicht gefällt, aber ich bevorzuge es für den Zweck, für den ich es verwenden möchte
Schritt 6: Ausführen
Führen Sie den Code in Ihrem Browser aus, damit er funktioniert