IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Conception Web Discussion :

Google Pac-Man : comment font-ils ?


Sujet :

Conception Web

  1. #1
    Membre expérimenté
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2003
    Messages
    1 303
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2003
    Messages : 1 303
    Points : 1 380
    Points
    1 380
    Par défaut Google Pac-Man : comment font-ils ?
    Actuellement, le logo google est remplacé par un pac-man, un vrai jeu, pas une simple image.

    En affichant l'image de fond (quand le jeu a commencé) on obtient une image avec tous les sprites : http://www.google.fr/logos/pacman10-hp-sprite.png. Comme d'habitude, le code est illisible (avec plein de div). Quelqu'un a une idée de comment ce jeu a été fait ?
    Christophe

    Pensez à mettre quand c'est le cas.

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 235
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 235
    Points : 15 532
    Points
    15 532
    Par défaut
    Il s'agit surement de JavaScript, il est possible de récupérer les touches pressées par exemple avec ce langage :
    http://javascript.developpez.com/cours/

  3. #3
    Membre expérimenté
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2003
    Messages
    1 303
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2003
    Messages : 1 303
    Points : 1 380
    Points
    1 380
    Par défaut
    Ce qui m'intéressais surtout c'est comment ils ont fait pour récupérer des bouts d'images (des sprites tirés de l'image en lien).
    Christophe

    Pensez à mettre quand c'est le cas.

  4. #4
    Membre actif
    Profil pro
    Inscrit en
    Février 2007
    Messages
    248
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 248
    Points : 231
    Points
    231
    Par défaut
    J'imagine que le fonctionnement est le suivant :

    - je met l'image en arrière-plan d'un div par exemple,
    - je dimensionne la div en fonction de la portion d'image que je souhaite voir,
    - en css, je positionne l'arrière-plan sur le fond souhaité pour la div...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Google introduit un mode de jeu Pac-Man dans son service Maps
    Par Stéphane le calme dans le forum Humour Informatique
    Réponses: 5
    Dernier message: 01/04/2015, 10h49
  2. Comment qu'ils font ?
    Par zecreator dans le forum La taverne du Club : Humour et divers
    Réponses: 3
    Dernier message: 04/01/2015, 10h31
  3. labrute.fr mais comment font-ils ?
    Par Charlie111 dans le forum Débuter
    Réponses: 1
    Dernier message: 10/02/2009, 09h40
  4. Chargement de page deezer - comment font ils ?
    Par Tricky-ft dans le forum Flash/Flex
    Réponses: 4
    Dernier message: 02/02/2009, 15h28
  5. [VNC] Comment font-ils (ou elles) ?
    Par DMO dans le forum Algorithmes et structures de données
    Réponses: 8
    Dernier message: 24/01/2006, 15h31

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo