Как закодировать простые случайные виртуальные кости: 6 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:50

Всем привет!!!!! Это мое первое руководство, и я научу вас кодировать виртуальные кости на вашем ПК или смартфоне. Я использую 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

Встряхнуть кости

function 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 ("дикл"). src = di [vu2-1];

}

Это полный код, изучите его, проверьте и убедитесь, что вы получили фотографию, чтобы получить эффект.

И если вам нужна моя помощь по этому коду, укажите это в разделе комментариев.

Вы можете изменить дизайн, если он вам не нравится, но я предпочитаю его для той цели, для которой хочу его использовать.

Шаг 6: запустить

запустите код в своем браузере, чтобы он заработал