როგორ დავწეროთ მარტივი შემთხვევითი ვირტუალური კამათელი: 6 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:16

Გამარჯობა ყველას!!!!! ეს არის ჩემი პირველი ინსტრუქცია და მე გასწავლით თუ როგორ უნდა კოდიროთ ვირტუალური კამათელი თქვენს კომპიუტერში ან სმარტფონში. მე ვიყენებ 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 და მათემატიკის ფუნქცია

შეანჯღრიეთ კამათელი

ფუნქცია getRand () {

var vu = მათემატიკა. სართული (მათემატიკა. შემთხვევითი ()*6) +1;

var vu2 = მათემატიკური სართული (მათემატიკური. შემთხვევითი ()*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: გაუშვით

გაუშვით კოდი თქვენს ბრაუზერში, რომ ის იმუშაოს