Hugo Hismans
EN

Retour à l'atlas

Capture de Sniper sur ordinateur
Capture de Sniper sur téléphone

HH·042JeuxAbouti8 octobre 202611 commits

Sniper

Tower defense au fusil de sniper : tiens le désert jour après jour

L'écran est la fenêtre d'un tireur embusqué : des stickmen traversent le désert en perspective pour abattre le mur et l'immeuble que l'on défend. Le jour, on vise la tête et on fait exploser les roquettes en vol ; la nuit, on dépense ses primes en murs, étages, tireurs cachés et armes, jusqu'au minigun. Le jeu compte 14 types d'ennemis et 3 boss modulaires qui reviennent tous les 10 jours, avec des mutations et des élites pour durer sans fin. Deux styles au choix : désert coloré ou stylo bleu sur papier quadrillé.

Ce qui brille

  • Fausse 3D en Canvas 2D sans bibliothèque : désert, couloir, mur et immeuble projetés en perspective depuis la fenêtre du sniper
  • 14 ennemis aux comportements distincts : boucliers, dynamiteurs, médecins, drones, arachnides, mortiers, hélicoptères
  • 3 boss modulaires (Marcheur aux jambes à casser, Ver des sables, Reine arachnide) qui reviennent avec un rang et un module de plus à chaque cycle
  • Progression infinie : cycles de 30 jours, 6 mutations cumulables, élites dorées, plafond de 150 ennemis par jour
  • Deux directions artistiques complètes produites par le même moteur : désert western en couleurs ou croquis au stylo bleu sur papier

Mode d'emploi

Toucher ou cliquer un ennemi pour tirer (la tête fait ×2,5), toucher une roquette pour l'intercepter, garder appuyé avec les armes automatiques ; la nuit, acheter dans la boutique. En paysage sur téléphone.

Fabriqué avec

  • HTML
  • CSS
  • JavaScript vanilla (game.js, environ 2250 lignes)
  • Canvas 2D avec projection perspective faite main
  • Web Audio API (sons synthétisés à partir de bruit filtré, aucun fichier audio)
  • Pointer Events
  • localStorage (sauvegarde automatique et reprise)
  • Node.js (simulation d'équilibrage tools/balance.js)
  • SVG généré en JavaScript (graphiques du carnet d'équilibrage)
  • Google Fonts (Rye, Fredoka, Kalam, Caveat Brush)

Dans la même constellation