Загрузка...

Возможно ли решить проблему

Тема в разделе Frontend создана пользователем Влодос 30 окт 2023. (поднята 30 окт 2023) 133 просмотра

  1. Влодос
    Влодос Автор темы 30 окт 2023 цЫган 95 9 дек 2020
    https://lonerry.github.io/Board-mini-game/

    с пк когда заходишь, можно спокойно водить и загорается, но нужно ещё и с тф версии такое, но с тф только клики доступны, возможно ли это исправить

    смогу даже закинуть, если поможет нормальный человек

    так же могу предоставить линк на код, но тому кто действительно решит помочь
     
    30 окт 2023 Изменено
  2. Apoafia
    Apoafia 30 окт 2023 18 18 дек 2019
    Попробуйте спросить у нейросети, возможно она вам поможет, потому что на данном форуме социальной инженерии мало разбирающихся людей, вам скорее намусорят в тему всеразличные матершинники, либо школьники со своим "не знаю".
     
    1. Влодос Автор темы
      Apoafia, надеюсь на лучшее, но таких согласен,хватает
      просто я уже сам не понимаю как ещё можно подшаманить над кодом, что бы работало так как и на пк
  3. Valad
    Valad 30 окт 2023 8397 19 ноя 2019
    Для мобилок
    HTML

    <div id="circle-container">
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    </div>

    <script src="https://hammerjs.github.io/dist/hammer.js></script>
    <script src="main.js"></script>
    CSS
    .circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: blue;
    border-radius: 50%;
    margin: 10px;
    transition: background-color 0.3s;
    }

    .circle.active {
    background-color: red;
    }

    JS
    const circles = document.querySelectorAll('.circle');

    // Функция для изменения цвета круга при касании
    function highlightCircle(circle) {
    circle.classList.add('active');
    }

    // Функция для сброса цвета круга
    function resetCircle(circle) {
    circle.classList.remove('active');
    }

    // Создаем экземпляр Hammer.js для отслеживания жестов на всем экране
    const hammer = new Hammer(document.body);

    // Обработчик события tap (короткое касание)
    hammer.on('tap', (event) => {
    const target = event.target;

    if (target.classList.contains('circle')) {
    highlightCircle(target);
    }
    });

    // Обработчик события pan (жест проведения пальцем)
    hammer.on('pan', (event) => {
    const target = document.elementFromPoint(event.center.x, event.center.y);

    if (target.classList.contains('circle')) {
    highlightCircle(target);
    } else {
    circles.forEach(resetCircle);
    }
    });

    // Сбрасываем цвет при окончании жеста
    hammer.on('panend', () => {
    circles.forEach(resetCircle);
    });
     
    30 окт 2023 Изменено
Загрузка...
Top