Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/25: Рейтинг темы: голосов - 25, средняя оценка - 4.88
0 / 0 / 0
Регистрация: 27.12.2016
Сообщений: 14

Игра (Тараканьи гонки)

04.04.2019, 17:44. Показов 4791. Ответов 1

Студворк — интернет-сервис помощи студентам
Всем привет!
Нам на курсах задали сделать игру (Тараканьи гонки).
Я прикрепил ссылку на мой гугл диск там есть все что я сделал и условия задачи.
Я начал делать недавно но уже подзапутался
Kr-20190408T055627Z-001.zip
Спасибо за любую помощь
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
04.04.2019, 17:44
Ответы с готовыми решениями:

Игра гонки
Игра гонки. Суть игры машины "падают" сверху игрок управляет своей машиной, уворачивается от столкновений.

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

Игра гонки
Помогите составить игру по коду.. очень нужна Ваша помощь поскольку я не успеваю прочитать необходимую информацию с учебника для того чтобы...

1
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
05.04.2019, 18:36
Лучший ответ Сообщение было отмечено Повидло как решение

Решение

Повидло, небольшой пример - https://codepen.io/qwerty_wasd/pen/QPNwwm
Интерфейс доработаете сами.
HTML5
1
2
3
<canvas id="road" height="400" width="600"></canvas>
<div class="none"><img id="cockroach_red" src="http://pngimg.com/uploads/roach/roach_PNG12153.png" alt="" width="100" height="50" /><img id="cockroach_blue" src="http://pngimg.com/uploads/roach/roach_PNG12153.png" alt="" width="100" height="50" /></div>
<button id="start">START</button>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
let opCnv = (function(w, d) {
  let dataCnv = {
    elem: d.getElementById(`road`),
    ctx: d.getElementById(`road`).getContext(`2d`),
    cockroach_red: {
      elem: d.getElementById(`cockroach_red`),
      x: 10,
      y: 340,
      speed: Math.random(),
    },
    cockroach_blue: {
      elem: d.getElementById(`cockroach_blue`),
      x: 10,
      y: 360,
      speed: Math.random(),
    },
  },
      operationCnv = {
        tID: null,
        button: document.getElementById(`start`),
        createCocroach: object => dataCnv.ctx.drawImage(object.elem, object.x, object.y, 100, 50),
        draw: () => {
          dataCnv.ctx.clearRect(0, 0, dataCnv.elem.height * 2, dataCnv.elem.width * 2);
          [dataCnv.cockroach_red, dataCnv.cockroach_blue].forEach(e => operationCnv.createCocroach(e));
        },
        startRace: () => {
          operationCnv.button.disabled = true;
          [dataCnv.cockroach_red, dataCnv.cockroach_blue].forEach((e, i) => {
            e.x = 10;
            e.y = i === 0 ? 340 : 360;
            e.speed = Math.random();
          });
          const go = () => {
            if ([dataCnv.cockroach_red, dataCnv.cockroach_blue].every(e => e.x < 450)) {
              dataCnv.cockroach_red.x += dataCnv.cockroach_red.speed;
              dataCnv.cockroach_blue.x += dataCnv.cockroach_blue.speed;
              operationCnv.draw();
              operationCnv.tID = w.requestAnimationFrame(go);
            } else {
              w.cancelAnimationFrame(operationCnv.tID);
              operationCnv.button.disabled = false;
            }
          }
          operationCnv.tID = w.requestAnimationFrame(go);
        },
      };
  
  w.addEventListener(`load`, operationCnv.draw);
  operationCnv.button.addEventListener(`click`, operationCnv.startRace);
  w.addEventListener(`beforeunload`, () => {
    w.removeEventListener(`load`, operationCnv.draw);
    operationCnv.button.removeEventListener(`click`, operationCnv.startRace);
    dataCnv = operationCnv = undefined;
  });
 
  return dataCnv;
}(window, document));
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.04.2019, 18:36
Помогаю со студенческими работами здесь

Игра в гонки (потоки)
Здравствуйте. Надо сделать лабораторную, суть которой заключается в написании мини-игры в гонки с помощью потоков и sleep`ов. То есть...

Игра «Автомобильные гонки»
У кого есть уже готовое решения? можно ссылку на github и тд Разработать игру &quot;Автомобильные гонки&quot; с использованием...

задание на курсовую игра гонки
вообщем задание написать игру гонки хочу реализовать с использованием openTK using System; using System.Drawing; using...

Как сделать столкновение ImageView (игра гонки)
Как сделать столкновение ImageView ? У меня есть 3 машины, одна на месте стоит, я ее перемещаю влево и вправо , а другие сверху вниз едут,...

3D гонки, игра на VB6 (Access of Speed 2 Demo by Mikle.)
Спасибо, Mikle!


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru