Создание простой автомобильной игры с HTML5 canvas

Question

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

Демонстрация: http://jsfiddle.net/mpxML/20/ (используйте клавиши со стрелками)

У меня есть загрузка изображения, вы также можете увидеть черный квадрат, который движется, то есть точка перевода или откуда машина движется.Я хотел как-то создать эффект дрейфа, который может быть достигнут на более высоких скоростях и т. Д. Он также может вращаться, когда он не движется, это неправильно.

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

Спасибо

Answer 1

Чтобы исправить поворот, вы должны сделать что-то вроде этого:

car.angle = car.angle - (car.handeling * car.speed/car.topSpeed);

это предотвратит поворот при скорости 0 и исправит обратный поворот

Чтобы получить эффект дрейфа, вы должны переместить центр вращения автомобиля вперед и позволить ему самостоятельно вращаться, не поворачиваясь

Answer 2

Отличная маленькая демоверсия, обожаю! Я не езжу, это мои идеи. Я рекомендую экспериментировать, у вас нет , чтобы пойти на реализм - помните, что вы делаете игру, вы хотите пойти на прикол :))

Реверсивный

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

Дрифтинг

Это срабатывает, когда скорость / угол поворота составляет определенную величину. После того, как эти условия будут выполнены, вы можете сделать что-то вроде предотвращения дальнейшего поворота (блокируя текущее направление) и поворачивать автомобиль на ~ 30 ° от направления до тех пор, пока не будет нажата клавиша ускорения

Токарно

Я не водитель, но я думаю, что ваш угол поворота будет более узким, когда вы двигаетесь на более низкой скорости, возможно, создайте простую формулу для этого, какое-то отношение между скоростью и величиной поворота.

Бесстыдная заглушка

Мне нужно сообщить, что я работаю для Scirra.com , и у нас есть какое-то программное обеспечение Construct 2 ( Download ), которое является программой для создания игр для Windows для HTML5-игры, возможно, стоит взглянуть на них (в зависимости от ваших целей)! Он расширяется с помощью JavaScript, так что вы можете писать свои собственные движения и использовать других людей, делая автомобильные игры намного более наглядными и более легкими (по нашему мнению, в любом случае!)