Creazione di un gioco di auto semplice con tela HTML5

Question

Sto giocando con la tela HTML5 e, per il mio primo esperimento, ho deciso di provare a creare un'animazione per auto semplice con l'input dell'utente di base. Penso che io sia la maggior parte del modo con input e movimento di base, ma volevo solo vedere se potevo fare un po 'di più.

Demo: http://jsfiddle.net/mpxML/20/ (usa i tasti freccia)

Ho una loading image, è anche possibile vedere un quadrato nero che si muove, che è il punto di tradurre, o dove l'auto sterza da. Volevo in qualche modo creare un effetto di deriva che può essere ottenuto a velocità più alte, ecc. Può anche girare quando non è in movimento, non è giusto.

In ogni caso, proprio non so quale logica ho bisogno per rendere l'auto più semi-realistica.

Grazie

Answer 1

Per risolvere il problema devi fare qualcosa in questo modo:

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

questo consentirà di evitare di girare quando la velocità è 0 e risolverà il giro di inverso

per arrivare alla deriva effetti si dovrebbe spostare il centro di rotazione della vettura in avanti e consentire alla vettura di ruotare su di esso auto senza realmente girare

Answer 2

Grande piccola demo, lo adoro! Io non guido, queste sono le mie idee. Mi consiglia di sperimentare, non è hanno di andare per il realismo - ricordi si stanno facendo un gioco, si vuole andare per divertimento :)

Inversione

vorrei fare il lavoro inverso correttamente, quando si inverte non si gira nella direzione che mi aspetto dal movimento tradizionale dell'automobile.

spostamento

Questo dovrebbe essere attivato quando la velocità/angolo di rotazione è a una certa quantità. Una volta che queste condizioni sono state soddisfatte si potrebbe fare qualcosa di simile a prevenire più di svolta (bloccando la direzione della corrente) e l'angolo della vettura ~ 30 ° dalla direzione fino a quando la chiave di accelerare è pressata

Passando

I' Non sono un autista, ma penserei che il tuo angolo di sterzata sarebbe più stretto quando sei a una velocità inferiore, forse creare una formula semplice per questo, una sorta di relazione tra velocità e quantità di svolta.

spudorato

devo rivelare io lavoro per Scirra.com e abbiamo alcuni software Construct 2 (Download), che è un gioco di Windows rendendo il programma per i giochi HTML5, forse vale la pena dare un'occhiata per voi (a seconda dei tuoi obiettivi)! È estensibile con JavaScript, quindi puoi scrivere i tuoi comportamenti di movimento e usare altri popoli, rendendo i giochi di auto molto più visivi e più facili (nelle nostre opinioni in qualsiasi modo!)