Vous allez réaliser un mini projet pour créer un jeu sur le thème de Noël..

Celui-ci a la structure suivante : 

 

Vous obtiendrez le jeu ci-dessous sur la page suivante. Le but de celui-ci est de ramasser les cadeaux de Noël qui tombent du ciel.

 

La structure des fichiers index.html et script.js est la suivante :

index.html
 
<link rel="stylesheet" href="/css/style.css">
<script src="/lib/p5.js"></script>
<script src="/lib/p5.play.js"></script>
<script src="/js/script.js"></script>

 

script.js

// images
var imgFond;
var imgFlocon;
var imgCadeau;
var imgPereNoel;

//Sprite
var cadeau;
var pereNoel;
//tableau
var flocon = new Array();

var score=0; //gestion du score
var vitesse=2; //vitesse de déplacement cadeau
var cadeauPerdu=0; //nombre de cadeaux perdus

var width; //largeur de la scène
var height; //hauteur de la scène

//fonction pour charger les images
function preload() {

//lancer au demarrage
function setup() {

//fonction appelée en boucle pour dessiner la scène
function draw()

//gestiondes touches
function keyPressed()

//le cadeau est attrapé par le pere Noël
function attrape()

//remonte le cadeau en haut de la page
function initPosCadeau()

//affiche le score sur la scène
function afficherScore()

//gestion de la perte d'un cadeau
function perdu()

//stop le jeu
function stop()

//redemarre le jeu
function start()

Maintenant, vous n'aurez plus cas modifier le fichier script.js pour réaliser le mini projet en suivant les étapes. 

Démarrer la programmation de l'application.

 

En poursuivant votre navigation sur mon site, vous acceptez l’utilisation des Cookies et autres traceurs  pour réaliser des statistiques de visites et enregistrer sur votre machine vos activités pédagogiques. En savoir plus.