Einen einfachen zufälligen virtuellen Würfel codieren – wikiHow

2025 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2025-01-23 12:52

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