Создание простой автомобильной игры с холстом 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, поэтому вы можете писать свои собственные движения и использовать другие народы, делая автомобильные игры намного более визуальными и более легкими (в нашем мнении!)