Sprite

var boite, asterisque, nuage, cercle;

var centreX, centreY;

var tiersX;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  centreX=windowWidth/2;

  centreY=windowHeight/2;

  tiersX=windowWidth/3;

  //création de l'objet cercle avec son contour de detection et son image

  cercle = createSprite(centreX, centreY);

  //changer son contour de détection par un cercle au lieu du rectangle pour etre plus precis

  cercle.setCollider('circle',0,0,64);

  cercle.addImage(loadImage('plain_circle.png'));

  //création de l'objet boite avec son animation par defaut

  boite = createSprite(tiersX, centreY);

  boite.addAnimation('normal', 'box0001.png', 'box0003.png');

​

  //création de l'objet nuage avec son contour de detection et son animation par defaut

  nuage = createSprite(2*tiersX, centreY);

  //changer son contour de détection par un cercle au lieu du rectangle pour etre plus precis

  nuage.setCollider('circle',0,0,70); 

  nuage.addAnimation('normal', 'cloud_breathing0001.png', 'cloud_breathing0009.png');

​

  //création de l'objet nuage avec son contour de detection et association de 2 animations

  asterisque = createSprite(tiersX, centreY);

  //changer son contour de détection par un cercle au lieu du rectangle pour etre plus precis

  asterisque.setCollider('circle',0,0,64); 

  asterisque.addAnimation('normal', 'asterisk_normal0001.png', 'asterisk_normal0003.png');

  asterisque.addAnimation('rond', 'asterisk_circle0006.png', 'asterisk_circle0008.png');

​

​

}

​

function draw() {

  background(255, 255, 255);

​

  //l'asterisque suit la souris

  asterisque.position.x = mouseX;

  asterisque.position.y = mouseY;

​

  //si l'asterisque passe sur le cercle, l'animation de l'asterisque est changé

  if(asterisque.overlap(cercle))

    asterisque.changeAnimation('rond');

  else

    asterisque.changeAnimation('normal');

​

  //empecher l'asterisque de passer sur la boite

  asterisque.collide(boite);

​

  //l'asterisque deplace le nuage

  asterisque.displace(nuage);

  //empecher le nuage de passer sur la boite

  nuage.collide(boite);

​

  //afficher les contours de detection des objets lorsqu'on appuie sur le bouton de la souris

  asterisque.debug = mouseIsPressed;

  cercle.debug = mouseIsPressed;

  boite.debug = mouseIsPressed;

  nuage.debug = mouseIsPressed;

​

  //affiche les objets a leur nouvelle position

  drawSprites();

}