2011-08-18 14 views
12

Estoy jugando con el lienzo HTML5, y para mi primer experimento decidí intentar hacer una simple animación de automóvil con la entrada de usuario básica. Creo que estoy casi todo el camino con la entrada y el movimiento básicos, pero solo quería ver si podía llevarlo un poco más allá.Haciendo un juego de coches sencillo con lienzo HTML5

Demostración: http://jsfiddle.net/mpxML/20/ (las teclas de flecha)

tengo una carga de imágenes en, también se puede ver un cuadrado negro que se mueve, que es el punto de traducir, o cuando el coche está dirigiendo a. Quería de alguna manera crear un efecto de deriva que se puede lograr a mayor velocidad, etc. También puede girar cuando no se está moviendo, eso no está bien.

De todos modos, simplemente no sé qué lógica necesito para hacer que el coche se sienta más semi-realista.

Gracias

+3

No ¡Un comentario útil, pero solo quiero decir un buen trabajo! Saqué el auto del cuadro y ahora lo he perdido, ¡ja ja! –

+0

Hola gracias jaja.Yeh, necesito conseguir algunos límites trabajando realmente! – Henryz

Respuesta

6

Para solucionar el giro que tiene que hacer algo de esta manera:

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

esto evitará gire cuando la velocidad es 0 y se solucionará el inverso girando

para conseguir los efectos que debe moverse centro de giro del vehículo hacia adelante y permitir que el coche gire sobre si mismo la deriva sin realmente girar

+0

¡Eso funcionó muy bien! Ahora cuando no me estoy moviendo, no puedo girar, cuando me muevo, puedo obtener un círculo cerrado. Pero cuando voy rápido, quiero que la eficiencia en el manejo sea menor. Estaba pensando en hacer (manejo/velocidad). Desearía ser mejor para resolverlo ... El problema es que, una vez que entras en reversa, el manejo se estropea, etc.>. < – Henryz

+0

Si vas a desarrollar una pista estacionaria (sin paneo), entonces la deriva es realmente difícil. Ya me metí en las carreras de 2d hace unos años y no pude manejar la deriva muy bien. O bien era muy sutil que apenas se notaba o era notorio y hacía que el manejo fuese extremadamente difícil. – JSantos

4

Gran pequeña demostración, les encanta! No conduzco, estas son mis ideas. Recomiendo experimentar, no hacer tienen que ir por el realismo - recuerde que usted está haciendo un juego, quiere ir por diversión :)

marcha atrás

Me gustaría hacer el trabajo correctamente inversa, cuando Al revertirlo, no gira en la dirección que espero del movimiento tradicional del automóvil.

deriva

Esto se activaría cuando la velocidad/ángulo de giro es en una cierta cantidad. Una vez que se han cumplido estas condiciones se podía hacer algo así prevenir cualquier giro (mediante el bloqueo de la dirección actual) y el ángulo del coche ~ 30 ° desde la dirección hasta que la tecla acelerar es sin prensar

Volviendo

I' No soy un conductor, pero creo que su ángulo de giro sería más estricto cuando está a una velocidad más lenta, tal vez crear una fórmula simple para esto, algún tipo de relación entre la velocidad y la cantidad de giro.

Enchufe desvergonzado

tengo que revelar Trabajo para Scirra.com y tenemos un cierto software Construct 2 (Download), que es un juego de Windows programa de fabricación de juegos HTML5, podría valer la pena un vistazo para usted (dependiendo de tus objetivos)! Es extensible con JavaScript, por lo que puede escribir sus propios comportamientos de movimiento y el uso de otros pueblos, por lo que los juegos de coches es mucho más visual y más fácil (en nuestra opinión ninguna manera!)

+0

Hola, gracias por los comentarios :) ¡Buenos comentarios sobre la deriva, intentaré trabajar en eso! Estoy trabajando en el círculo de giro y también veré Construir 2 :) – Henryz