Etape 1: la création de l’écran de jeu

function setup() {
   // ce qui sera exécuté une seule fois lorsque le programme est lancé
}

function draw() {
   // ce qui est exécuté pour chaque image (à la fréquence fixée par FrameRate)
   RectanglePlein(10,10,100,200,'black');
   CerclePlein(300,300,50,'blue');
}

FrameRate = 30; // nb d'images par seconde
Loop(-1); // on lance l'animation

Etape 2: la balle

    Notion de variables = cases mémoires identifiées, pierres de base des algorithmes.
    Séquentialité = toutes les instructions du programme sont exécutées dans l’ordre d’écriture

var balle_x, balle_y;

function setup() {
   balle_x = 10;
   balle_y = 10;
}

function draw() {
   CerclePlein(balle_x,balle_y,20,'blue');
   balle_x = balle_x + 1;
   balle_y = balle_y + 1;
}

FrameRate = 30;
Loop(-1);

Et avec les rebonds...
    Les conditionnelles: une structure de contrôle permettant de ne pas exécuter des instructions dans certains cas ou d’avoir une alternative...

var balle_x, balle_y, dep_x, dep_y;

function setup() {
   balle_x = 10;
   balle_y = 10;
   dep_x = 1;
   dep_y = 1;
}

function draw() {
   Initialiser();
   CerclePlein(balle_x,balle_y,20,'blue');

   balle_x = balle_x + dep_x;
   balle_y = balle_y + dep_y;

   if (balle_x<0 || balle_x>800) {dep_x=-dep_x;}
   if (balle_y<0 || balle_y>800) {dep_y=-dep_y;}
}

FrameRate = 30;
Loop(-1);

Etape 3: la raquette

    Utilisation de la variable prédéfinie mouseY.


var balle_x, balle_y, dep_x, dep_y;

function setup() {
   balle_x = 10;
   balle_y = 10;
   dep_x = 1;
   dep_y = 1;
}

function draw() {
   Initialiser();
   CerclePlein(balle_x,balle_y,20,'blue');

   balle_x = balle_x + dep_x;
   balle_y = balle_y + dep_y;

   if (balle_x<0 || balle_x>800) {dep_x=-dep_x;}
   if (balle_y<0 || balle_y>800) {dep_y=-dep_y;}

   RectanglePlein(10,mouseY,10,100);
}

FrameRate = 30;
Loop(-1);
Avec les rebonds sur la raquette
    Si la raquette est plane, elle se comporte un peu comme un bord.


var balle_x, balle_y, dep_x, dep_y;

function setup() {
   balle_x = 10;
   balle_y = 10;
   dep_x = 1;
   dep_y = 1;
}

function draw() {
   Initialiser();
   CerclePlein(balle_x,balle_y,20,'blue');

   balle_x = balle_x + dep_x;
   balle_y = balle_y + dep_y;

   if (balle_x<0 || balle_x>800) {dep_x=-dep_x;}
   if (balle_y<0 || balle_y>800) {dep_y=-dep_y;}

   RectanglePlein(10,mouseY,10,100);
   if (balle_x > 10 && balle_x < 20 && balle_y > mouseY && balle_y < mouseY + 100) {
      dep_x = -dep_x;
   }
}

FrameRate = 30;
Loop(-1);

Etape 4: Fin de partie, on relance

    Utilisation de hasard Hasard(n)

var balle_x, balle_y, dep_x, dep_y;

function setup() {
   balle_x = 10;
   balle_y = 10;
   dep_x = 1;
   dep_y = 1;
}

function draw() {
   Initialiser();
   CerclePlein(balle_x,balle_y,20,'blue');

   balle_x = balle_x + dep_x;
   balle_y = balle_y + dep_y;

   if (balle_x>800) {dep_x=-dep_x;}
   if (balle_y<0 || balle_y>800) {dep_y=-dep_y;}

   RectanglePlein(10,mouseY,10,100);
   if (balle_x > 10 && balle_x < 20 && balle_y > mouseY && balle_y < mouseY + 100) {
      dep_x = -dep_x;
   }

   if (balle_x<10) {
      balle_x=Hasard(300)+100;
      balle_y=Hasard(300)+100;
      dep_x=3*Hasard(100)/100; // un réel [0,3]
      dep_y=6*Hasard(100)/100-3; // un réel [-3, 3]
   }
}

FrameRate = 30;
Loop(-1);

A cette étape, on a un jeu terminé ! A vous de jouer pour le reste...
Modifié le: mardi 25 octobre 2016, 15:54
Passer Navigation

Navigation
Tableau de bord
Accueil du site
Pages du site
Mes cours
Plus…
Cours
MP:X11I010
Participants
Badges
Compétences
Notes
Généralités
Cours
Travaux Dirigés
Travaux Pratiques
Fiches de TP
Mémento de la bibliothèque AlgoScript
Quelques exercices supplémentaires
Environnement de programmation (sans synchronisati...
Environnement de programmation (avec synchronisati...
Testez votre navigateur web
Résumé de la syntaxe algoscript avec la traduction...
Comment je fais pour ...... ?
Petit tutoriel pour en savoir plus sur le système ...
Gestion du clavier, de la souris et animations en ...
Pour aller plus loin : quelques références sur le ...
Pour aller plus loin : quelques exemples un peu pl...
Tutoriel: un jeu de pong en 30 minutes chrono....
Exemples de projets (meilleurs projets 2015)
Groupe 163 (2019)