in

J'adoreJ'adore J'aimeJ'aime MerciMerci

À la découverte d’Asteroids by Dany!

Un article un peu spécial sur ce site qui traite de jeux rétros, pour passer de bonnes fêtes et une belle nouvelle année 😉

Asteroids est un jeu phare des années 70-80 qui a fait un malheur aux USA et au Japon.
Je me souviens de l’avoir vu en présentation à son lancement en 1981 à la Fnac sur Atari 2600 et j’ai été fasciné par ses graphisme simples, mais beaux!


Je ne l’ai jamais eu avec mon 2600, préférant surement à l’époque les best-sellers Space Invaders ou Mrs Pacman, mais Asteroids est un superbe jeu que j’aimerais bien essayer un jour sur borne d’arcade…

Asteroids 1979

Ed Logg

Asteroids est un jeu d’arcade shoot ’em up multidirectionnel, conçu par Ed Logg, où le joueur contrôle un vaisseau spatial vu de dessus. L’objectif est de survivre en détruisant astéroïdes et soucoupes volantes pour accumuler des points. Le jeu utilise un effet wraparound, permettant aux éléments sortant de l’écran de réapparaître du côté opposé.

La borne d’arcade comporte cinq boutons : deux pour pivoter, un pour accélérer, un pour tirer, et un pour se téléporter aléatoirement. Jouable à deux, les parties s’alternent.

Lorsqu’un astéroïde est touché, il se divise en morceaux plus petits jusqu’à destruction totale. Chaque niveau augmente le nombre d’astéroïdes (de 4 à 11 maximum). Les soucoupes, de deux tailles, peuvent tirer sur le joueur. Le jeu présente des graphismes vectoriels noir et blanc, une physique réaliste (inertie et fragmentation), et un système de highscore qui sauvegarde les initiales des dix meilleurs joueurs.

Asteroids by Dany!

 

Je me suis lancé un challenge fou pour Noël : essayer de reproduire le plus fidèlement possible le jeu de 1979 sur mon site! Bien sûr, on le trouve sur le Web, mais c’est plus sympa de la concevoir soi-même et c’est bien prise de tête…

Ça semblait facile au départ, mais que nenni! Ce jeu est très complexe. On a des rochers de différentes formes et tailles, qui se divisent en plusieurs morceaux, un vaisseau qui peut se déplacer avec une accélération et une inertie due à l’absence d’atmosphère, des vaisseaux ennemis qui nous suivent, etc. Des heures et des heures de boulot 😉

Il faut d’abord comprendre la logique du jeu, les interactions, régler tous les déplacements, etc.

J’ai enfin pu pondre un Asteroids le plus fidèle possible à la version arcade, mais avec quelques adaptations, car on est sur du HTML/Javascript et que je ne vais pas y passer non plus des mois pour le copier à l’identique 😉

Ma petite touche personnelle : une seule vie, une gestion du score avec des encouragements, un visuel style arcade avec effet « glow » de la vitre, des objets vectoriels un seul tableau et un deux OVNI intelligents qui nous suivent et nous tirent dessus. Un vrai jeu pour se défouler à la pause dej’ au boulot ou chez soi devant son écran, car oui ce jeu se joue sur ordi pour rester le plus fidèle à sa borne d’arcade. Je ne vois pas trop comment l’adapter sur smartphone et il existe déjà de toute façon, même si on perd le gameplay de l’original.

Je suis assez fier du résultat ! J’ai réussi à reproduire l’inertie du vaisseau, qu’il vous faudra bien maitriser pour éviter les rochers et la soucoupe volante. Mon seul regret pour le moment, c’est de n’avoir pas réussi à faire exploser les objets et j’ai tout essayé en vain . Javascript à ses limites apparemment ;-). Peut-être que je trouverai une solution plus tard, je vous tiendrai informé. (j’ai à peu près réussi après moult essais). MAJ j’ai trouvé!!

-> Jouez à Asteroids By Dany! 🚀

Je me suis aussi concentré sur les détails esthétiques : contraste, effets lumineux, trainées, couleur des objets, police, etc. Car sur une borne d’arcade, même en noir et blanc, les écrans cathodiques ne rendent pas pareils que les écrans LCD d’ordi. Si vous mettez le jeu en plein écran, c’est comme si vous y étiez 😉 (et le jeu sera aussi un peu plus simple).

On garde l’esprit vintage, avec de petites touches de modernisme tout de même. C’est donc une version revisité, pas un clone.

Un jeu addictif que j’adore, j’y ai passé des heures et je m’en lasse pas 😉

Vous pourrez m’indiquer en commentaires votre meilleur score et si vous battez le mien, je mettrai à jour le High Score à battre avec votre pseudo ;-).

Joyeux Noël à tous et profitez bien de mon cadeau…

-> Jouez à Asteroids By Dany! 🚀

Mode d’emploi Asteroids by Dany

Commandes de base

  • ⌨️ Flèche gauche (←) 🕹️Pad gauche : Tourne le vaisseau vers la gauche.
  • ⌨️ Flèche droite (→) 🕹️Pad droit : Tourne le vaisseau vers la droite.
  • ⌨️ Flèche du haut (↑) 🕹️Bouton 2 : Fait avancer le vaisseau avec une inertie et une forte accélération. À manipuler avec dextérité pour éviter les collisions !

  • ⌨️ Barre d’espace 🕹️Bouton  1 : Tire un projectile pour détruire les ennemis.
  • ⌨️ Flèche du bas (↓) 🕹️Bouton 3 : Active le Hyper Space pour vous téléporter à un endroit aléatoire sur l’écran (utilisez-le judicieusement !).

Objectifs

  • Détruisez les astéroïdes : Marquez des points et évitez les collisions fatales.
    • Petits astéroïdes : 20 points.
    • Grands astéroïdes : 10 points pour chaque fragment créé.
  • Éliminez les ennemis : Chaque ennemi détruit rapporte des points.

Astuces

  • Ennemis : La grosse soucoupe est lente et pas très intelligente, mais attention à la petite soucoupe qui se dirige vers vous, rapide, précise et futée !
  • Explosions : Les astéroïdes plus gros éclatent en fragments plus petits. Soyez prêt à les éviter ou à les détruire rapidement.
  • Hyper Space : Téléportez-vous si vous êtes encerclé, mais attention à l’emplacement où vous réapparaîtrez ! Cela pourrait être risqué.
  • Surveillez vos messages : Les alertes importantes s’afficheront en haut de l’écran à droite (par exemple, « Score à battre… »).

Bonne chance, pilote ! Défendez votre secteur et atteignez le score le plus élevé possible. 🚀

9 Comments

Un petit com, ça motive! ;-)
  1. Dernière MAJ : jeu bien prenant avec possibilité de gagner des vies comme dans le jeu d’arcade 😉
    Je crois que là, on est bon!
    Bon Noël vintage à tous et profitez 😉

  2. Merci pour ce superbe jeu!
    Je vois que tu t’es bien inspiré de la borne avec laquelle j’ai joué quand j’étais au collège 😉
    J’ai pas réussi à battre ton record, mais je vais persévérer…
    Ça change des jeux débiles sur smartphone!
    Et aussi des copies que l’on trouve sur le net qui n’ont pas le graphisme des bornes.
    Continue comme ça, c’est un super projet!
    À bientôt

    • Merci l’ami, je vois que t’y arrives quand même pas mal 😉
      Oui, j’ai essayé d’implémenter le joystick, mais un peu touchy de contrôler le vaisseau avec…
      C’est pour ça que le vrai sur arcade a des gros boutons et pas de joy, mais je vais réessayer avec plus de paramètres et vous tiens au jus.

    • C’est bon!
      J’ai trouvé la meilleure solution, avec le gamepad!
      On peut l’utiliser avec la croix ou joystick pour tourner, bouton 1 pour tirer, bouton 2 pour avancer et bouton 3 HyperSpace.
      Le mieux serait avec un pad d’arcade retro avec 2 gros boutons à gauche et 3 à droite, mais je ne crois pas que ça existe… CF l’image que je viens d’ajouter à la fin de l’article.
      J’ai essayé d’avancer avec le joystick et c’est totalement incontrolable!
      Donc ma solution semble le meilleur compromis. 😉

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ecrit par Dany

Dany, fondateur du Danyvape et de Danyworld
La tête dans les étoiles, j'aime partager mes passions et aider mes lecteurs à découvrir de nouveaux horizons.