כיצד לקודד קוביות וירטואליות אקראיות פשוטות: 6 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:13

שלום כולם!!!!! זו ההנחיה הראשונה שלי ואני אלמד אותך כיצד לקודד קובייה וירטואלית במחשב האישי או בסמארטפון שלך. אני משתמש ב- HTML, JavaScript ו- CSS, אני מקווה שכולכם תאהבו את זה ואל תשכחו להצביע עבורי בהקשר שלהלן.

אספקה

1. עורך טקסט טוב בטלפון החכם או במחשב האישי שלך

שלב 1: קבל את עורך הטקסט שלך

כאן אני משתמש בסמארטפון שלי כעורך טקסט כאן (AnWriter). אתה יכול להשתמש גם בפנקס הרשימות של המחשב האישי שלך, או לקבל עורך טקסט טוב באינטרנט

שלב 2: הורד Die Faces

הורדתי כמה פרצופים למות מ -1 עד 6 שאני מצרף לשלב זה. אז אתה יכול להוריד את המועדף עליך או להשתמש בשלי (אתה פנוי).

קראתי לשלי לפי פרצופי המוות. זה:

Die_face_1.png, Die_face_2.png…. וכך הלאה עד 6 להכרה טובה יותר

שלב 3: התחל קידוד

שמור את הקוד כקובץ.html

התחל בהצגת משטח ברירת המחדל שאתה רוצה באמצעות ה- img src

שלב 4:

בשלב הבא נצטרך כפתור להטלת הקוביות אנו עושים זאת על ידי הוספת פונקציית לחצן

גלגל את הקוביה

שלב 5: השתמש בפונקציה 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: הפעל

הפעל את הקוד בדפדפן שלך כדי לגרום לו לפעול