Жөнөкөй кокустук виртуалдык дичтерди кантип коддоо керек: 6 кадам

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:39

Салам баарына !!!!! Бул менин биринчи үйрөткүчүм жана мен сизге компьютериңизде же смартфонуңузда виртуалдык чүдү коддоону үйрөтөм. Мен 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 -кадам:

Кийинчерээк биз сөөктөрдү жылдыруу үчүн баскычка муктаж болобуз, муну баскыч функциясын кошуу менен жасайбыз

DOLL DICE

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 ("dice"). src = di [vu-1];

document.getElementById ("dicl"). src = di [vu2-1];

}

Бул толук код, аны изилдеп, сынап көрүңүз жана эффектке ээ болуу үчүн сүрөткө ээ экениңизди текшериңиз

Ал эми бул код боюнча менин жардамыма муктаж болсоңуз, аны комментарий бөлүмүнө жазыңыз

Эгер дизайн жакпаса, аны өзгөртө аласыз, бирок мен аны колдонууну каалаган максат үчүн тандап алам

6 -кадам: Run

иштөө үчүн браузериңиздеги кодду иштетиңиз