carto_campagne_03

var vert;

var paysage

var renardSon

var coucouSon

var grillonSon

var crapaudSon

var cerfSon

var renardImg

var coucouImg

var grillonImg

var crapaudImg

var cerfImg

var renardText =  "Le renard roux vie en Europe, en Amérique du Nord, en Asie et dans le nord de l’Afrique. Ce mammifère creuse une tanière (une renardière) pour y vivre. C'est un omnivores opportuniste, il mange donc de petit mammifères mais aussi des fruits, du poisson ou encore des oiseaux de l'ordre des gallinacées (poules, pintades, perdrix…). Le renard glapit.";

var coucouText =  "Le coucou est un oiseau discret, d'environ 30 cm. Son comportement est caractérisé par la pratique du parasitisme de couvée. La femelle attend qu'un oiseau quitte son nid pour aller y pondre, juste avant la saison des couvaisons. L'oisillon, né avant ceux de l'espèce hôte, se fera nourrir et éjectera les autres du nid. Le coucou se fait appeler ainsi à cause de son cri « cou-cou ».";

var grillonText =  "Le grillon champêtre vit dans toute l'Europe occidentale là où les terrains son ensoleillés et secs. Il aime la chaleur, c'est pourquoi il vit dans son terrier d'un vingtaine de centimètres, dans le sol. Si il pleut, il bouche l'entrée du tunnel. Le grillon ne vole ni ne grimpe. Le grillon mâle chante par stridulation. Il soulève soudain ses deux ailes supérieur et les referme. L'élytre droit chevauche toujours le gauche.";

var crapaudText =  "Le Crapaud calamite est un amphibien. On le trouve du Portugal, en passant par la France et jusqu'à la Lettonie et l'Ukraine. Il vit en plaines et en montagne, dans une végétation assez rase.  Il creuse un petit terrier sous une touffe de plantes et sort la nuit. Il ne se déplace pas en sautant, mais en trotinant (caractéristique typique des Anoures). Lorsqu'il se sent menacé, il gonfle son corps, lève l'arrière-train et produit une odeur caractéristique. Le crapaud croasse.";

var cerfText =  "Le cerf est une espèce crépusculaire et nocturne. Il habite dans la zone du Paléarctique occidental. Le cerf élaphe vit surtout dans les grands massifs de la forêt tempérée européenne. Dans ces massifs forestiers il affectionne surtout les zones de bois clairs, les parcelles coupées et en régénération, les trouées et clairières avec prairies. Il fait partit de la famille des herbivores et des ruminants. Ce mammifère est très sélectif dans son alimentation. Le cri du cerf est le brâme.";

​

function preload(){

  renardSon = loadSound('96-Vulpes vulpes.mp3');

  coucouSon = loadSound('40-Cuculus canorus.mp3');

  grillonSon = loadSound('02-Gryllus campestris.mp3');

  crapaudSon = loadSound('05-Bufo calamita.mp3');

  cerfSon = loadSound('98-Cervus elaphus.mp3');

  paysage = loadImage('paysage.png');

  renardImg = loadImage('renard.png');

  coucouImg = loadImage('coucou.png');

  grillonImg = loadImage('grillon.png');

  crapaudImg = loadImage('crapaud.png');

  cerfImg = loadImage('cerf.png');

}

​

function setup() {

  imageMode(CENTER);

  noStroke();

  createCanvas(1920, 800);

  background(255);

  image(paysage,1920/2, 720/2-50)

  vert = color(136, 176, 75); 

  textSize(13);

  renardPins = createButton("");

  renardPins.position(760, 600);

  renardPins.mouseClicked(renard);

  renardPins.style("border-radius","50px");

  renardPins.style("border-color",vert);

  renardPins.style("border-width","7.5px");

  renardPins.style("width","50px");

  renardPins.style("height","50px");  

  renardPins.style("background", "none");

  coucouPins = createButton("");

  coucouPins.position(860, 600);

  coucouPins.mouseClicked(coucou);

  coucouPins.style("border-radius","50px");

  coucouPins.style("border-color",vert);

  coucouPins.style("border-width","7.5px");

  coucouPins.style("width","50px");

  coucouPins.style("height","50px");  

  coucouPins.style("background", "none");

  grillonPins = createButton("");

  grillonPins.position(960, 600);

  grillonPins.mouseClicked(grillon);

  grillonPins.style("border-radius","50px");

  grillonPins.style("border-color",vert);

  grillonPins.style("border-width","7.5px");

  grillonPins.style("width","50px");

  grillonPins.style("height","50px"); 

  grillonPins.style("background", "none");

  crapaudPins = createButton("");

  crapaudPins.position(1060, 600);

  crapaudPins.mouseClicked(crapaud);

  crapaudPins.style("border-radius","50px");

  crapaudPins.style("border-color",vert);

  crapaudPins.style("border-width","7.5px");

  crapaudPins.style("width","50px");

  crapaudPins.style("height","50px"); 

  crapaudPins.style("background", "none");

  cerfPins = createButton("");

  cerfPins.position(1160, 600);

  cerfPins.mouseClicked(cerf);

  cerfPins.style("border-radius","50px");

  cerfPins.style("border-color",vert);

  cerfPins.style("border-width","7.5px");

  cerfPins.style("width","50px");

  cerfPins.style("height","50px");  

  cerfPins.style("background", "none");

}

​

function renard(){

  if(renardSon.isPlaying()){

    renardSon.stop();

    renardPins.style("background","none");

    rect(30, 380, 580, 250);

  } else {

    renardSon.loop();

    renardPins.style("background",vert);

    image(renardImg, 150, 500);

    text(renardText, 280, 400 ,330, 300);

  }}

​

function coucou(){

  if(coucouSon.isPlaying()){

    coucouSon.stop();

    coucouPins.style("background","none");

    rect(1350, 75, 500, 200);

  } else {

    coucouSon.loop();

    coucouPins.style("background",vert);

    image(coucouImg, 1440, 150);

    text(coucouText, 1550, 90, 300, 300);

  }}

​

function grillon(){

  if(grillonSon.isPlaying()){

    grillonSon.stop();

    grillonPins.style("background","none");

    rect(1340, 520, 530, 190);

  } else {

    grillonSon.loop();

    grillonPins.style("background",vert);

    image(grillonImg, 1730, 620);

    text(grillonText, 1340, 550, 310, 250);

  }}

​

function crapaud(){

  if(crapaudSon.isPlaying()){

    crapaudSon.stop();

    crapaudPins.style("background","none");

    rect(1330, 270, 540, 220);

  } else {

    crapaudSon.loop();

    crapaudPins.style("background",vert);

    image(crapaudImg, 1450, 370);

    text(crapaudText, 1600, 280, 270, 300);

  }}

​

function cerf(){

  if(cerfSon.isPlaying()){

    cerfSon.stop();

    cerfPins.style("background","none");

    rect(37.5, 45, 520, 250);

  } else {

    cerfSon.loop();

    cerfPins.style("background",vert);

    image(cerfImg, 150, 180);

    text(cerfText, 250, 130, 300, 300);

  }}