Բովանդակություն:

Ինչպես ծածկագրել պարզ պատահական վիրտուալ զառախաղ. 6 քայլ
Ինչպես ծածկագրել պարզ պատահական վիրտուալ զառախաղ. 6 քայլ

Video: Ինչպես ծածկագրել պարզ պատահական վիրտուալ զառախաղ. 6 քայլ

Video: Ինչպես ծածկագրել պարզ պատահական վիրտուալ զառախաղ. 6 քայլ
Video: Python Pro - Ծրագրավորիր ինչպես պրոֆեսիոնալը: Խորացված դասընթաց՝ Python ծրագրավորման լեզվով 2024, Սեպտեմբեր
Anonim
Ինչպես ծածկագրել պարզ պատահական վիրտուալ զառախաղ
Ինչպես ծածկագրել պարզ պատահական վիրտուալ զառախաղ

Բարեւ բոլորին!!!!! Սա իմ առաջին հրահանգն է, և ես ձեզ կսովորեցնեմ, թե ինչպես կոդավորել վիրտուալ զառ ձեր համակարգչի կամ սմարթֆոնի վրա: Ես օգտվում եմ HTML- ից, JavaScript- ից և CSS- ից, հուսով եմ, որ ձեզ դուր կգա և չմոռանաք իմ օգտին քվեարկել ստորև բերված համատեքստում:

Պարագաներ

1. Ձեր խելացի հեռախոսի կամ համակարգչի լավ տեքստային խմբագիր

Քայլ 1: Ստացեք ձեր տեքստի խմբագիրը

Այստեղ ես օգտագործում եմ իմ սմարթֆոնը որպես տեքստային խմբագիր այստեղ (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 և մաթեմատիկական գործառույթը

Օգտագործեք Var և Math գործառույթը
Օգտագործեք Var և Math գործառույթը

ԹԱAKԵԼ DԻԿ

գործառույթը 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: Վազիր

գործարկեք կոդը ձեր դիտարկիչում `այն գործարկելու համար

Խորհուրդ ենք տալիս: