Создание простой автомобильной игры с холстом HTML5
У меня есть игра с холстом HTML5, и для моего первого эксперимента я решил попробовать простую анимацию автомобиля с базовым пользовательским вводом. Я думаю, что я больше всего нахожусь там с основными входами и движениями, но я просто хотел посмотреть, могу ли я принять это немного дальше.
Демо: http://jsfiddle.net/mpxML/20/
(используйте клавиши со стрелками)
У меня есть загрузка изображения, вы также можете увидеть черный квадрат, который перемещается, то есть точка перевода, или с которой управляет автомобиль. Я хотел каким-то образом создать эффект дрейфа, который может быть достигнут на более высоких скоростях и т.д. Он также может поворачиваться, когда он не перемещается, что не так.
В любом случае, я просто не знаю, какую логику мне нужно, чтобы автомобиль чувствовал себя полуреалистичным.
Спасибо
Ответы
Ответ 1
Чтобы исправить поворот, вам нужно сделать что-то вроде этого:
car.angle = car.angle - (car.handeling * car.speed/car.topSpeed);
это предотвратит поворот при скорости 0 и зафиксирует обратное вращение
Чтобы получить эффекты дрейфа, вы должны переместить центр поворота автомобиля вперед и позволить автомобилю вращаться над ним самостоятельно, не поворачивая
Ответ 2
Отличная маленькая демо, любите! Я не езжу, это мои идеи. Я рекомендую экспериментировать, вам не нужно идти на реализм - помните, что вы делаете игру, вы хотите поиграть:)
Реверсивный
Я бы сделал обратную работу правильно, когда вы меняете ее, не поворачивается в направлении, которое я ожидаю от традиционного движения автомобиля.
Дрейф
Это будет срабатывать, когда скорость/угол поворота будет в определенной степени. Как только эти условия будут выполнены, вы можете сделать что-то вроде предотвращения любого поворота (путем блокировки текущего направления) и наклона автомобиля ~ 30o от направления до тех пор, пока клавиша ускорения не будет нажата
Включение
Я не водитель, но я бы подумал, что ваш угол поворота будет более жестким, если вы находитесь на более медленной скорости, возможно, создайте простую формулу для этого, какую-то связь между скоростью и количеством поворота.
Бесстыдный плагин
Я должен раскрывать, что я работаю для Scirra.com, и у нас есть некоторое программное обеспечение Construct 2 (Загрузить), которая представляет собой программу для создания игр для игр в формате HTML5 для Windows, вам, возможно, стоит посмотреть на вас (в зависимости от ваших целей)! Он расширяется с помощью JavaScript, поэтому вы можете писать свои собственные движения и использовать другие народы, делая автомобильные игры намного более визуальными и более легкими (в нашем мнении!)