Valeur de cette activité : 5 points
Compétence :
PEPS - Javascript Extra - Le jeu *

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 3

Javascript Extra - Le jeu

Présentation

Cette activité permettra aux élèves plus avancés de réaliser un défi de taille. Si cette activité est trop difficile pour toi, tu peux passer à la suivante!

ATTENTION, VOUS DEVEZ OBLIGATOIREMENT UTILISER LE NAVIGATEUR INTERNET EXPLORER POUR CETTE ACTIVITÉ. Les scripts utilisés ne fonctionnent que sous ce navigateur.

Le langage Javascript permet la création de jeux en ligne.

Utilisez maintenant votre créativité afin d'améliorer un petit jeu que j'ai créé pour vous!
Utilisez le navigateur Internet Explorer sous Windows pour cette activité ou le navigateur Chromium sous Linux.

Description

  1. Ajoutez une page à votre portfolio en affichant les assitants HTML et JAVASCRIPT ainsi que la directive Javascript Extra

  2. Inscrivez dans le champ titre : Javascript Extra - Le jeu

  3. Sélectionnez la matière : informatique

  4. Inscrivez dans le champ No de la directive : 9154

  5. Affichez la page du jeu en cliquant ICI et essayez-le.

  6. Affichez la source (menu Affichage / Source), copiez-la et collez-la dans votre page.
  7. Observez bien le code utilisé afin de bien le comprendre.

  8. Utilisez votre créativité et apportez les améliorations suivantes au jeu.

    MODIFICATIONS OBLIGATOIRES
    - modifier les directives du jeu en haut de la page
    - modifier la taille de la zone de jeu en la redimensionnat à 800 pixels X 600 pixels afin que le jeu soit fonctionnel.
    - faire jouer un son à la fin de la partie (gagnée ou perdue) (le son doit être d'une taille inférieure à 50ko)
    - modifier les images utilisées
    - modifier la couleur de la zone de jeu
    - ajouter un obstacle et créer le code de collision avec cet obstacle
    -

    AIDE : pour faire jouer un son, voici les étapes à suivre ;
    1- Placez dans le code javascript au début de votre page la fonction jouerson() :
    <script language="JavaScript"> function jouerson() { eval("document.musique.play();"); } </script>

    2- Insérez dans votre code javascript à l'endroit désiré le code qui lancera cette fontion : jouerson();
    en inscrivant seulement jouerson(); avant vos lignes d'alerte de Parties Perdues.
    3- Insérez au bas de votre page la balise d'insertion de votre son :
    Observez bien le code qui rend invisible votre son : HIDDEN="true"
    Observez bien le code qui indique que votre son ne doit pas jouer automatiquement au chargement de la page votre son : AUTOSTART="false"
    <EMBED NAME="musique" SRC="MONSON.wav" HIDDEN="true" LOOP="true" AUTOSTART="false">

  9. Indiquez ensuite au bas de votre page un court texte expliquant les modifications que vous avez apportées.

  10. Téléchargez au besoin vos documents (images et sons) dans votre espace de téléchargement.

  11. Visualisez votre page et apportez des modifications au besoin.