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.

 

Affichages : 2630