Қарапайым кездейсоқ виртуалды сүйектерді қалай кодтауға болады: 6 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:23

Бәріне сәлем!!!!! Бұл менің бірінші нұсқаулығым, мен сізге компьютерде немесе смартфонда виртуалды сүйектерді кодтауды үйретемін. Мен 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 -қадам: жүгіру

кодты жұмыс істеу үшін шолғышта іске қосыңыз