Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// partage de liens //// une carte des membres//// (apéros) codelab


#1 2017-05-20 19:53:48 Comment insérer un jeu JAVASCRIPT dans une page HTML?

mrc_lol
nouveau membre
Date d'inscription: 2017-04-18
Messages: 7

Comment insérer un jeu JAVASCRIPT dans une page HTML?



Bonsoir,
voila j'ai fais un jeu sur processing, le code est le suivant:

int n = 15;
PImage[] photo = new PImage[15];
int[] ensemblephoto = {1, 1, 1, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0};
PImage photo0;
int compteur = 0;
int score = -1;
int timer;
boolean commencer = false;
PFont police;
//boolean restart = false;


void setup(){
  size(700, 600);
   //IMPORTATION DES IMG
  photo0 = loadImage("photo0.jpg");
   for(int i = 0; i < 15; i++){
    photo[i] = loadImage("photo" + i + ".jpg");
       }
   
}

void draw(){
background(450);
//if(compteur==0){
//image(photo0,0,0);
//compteur = compteur +1;}
//  else{
 
text(score,600,200); //afficher le score
//fill(0);
police = loadFont("Georgia-40.vlw");
fill(251,5,54);
//textFont(police,40);
//text("Connais-tu si bien le Maroc?",100,500);
  timer++;
  //AFFICHE UNE IMAGE
image(photo[compteur], 0, 0);
println(compteur, score);
 
 
if (commencer==false) {
    fill(160,45,20);
    textFont(police,30);
    text("Cliquez pour commencer.", 200, 300);

    }else{
      if(timer % 60 == 0 && compteur < 15 - 1){
    compteur += 1;
  }}
     }
     


void mousePressed() {
  commencer=true;
  //restart=true;
}

void mouseReleased(){
  //SI ON NE DEPASSE PAS DU TABLEAU
  if(compteur < 15-1){
    if(ensemblephoto[compteur] == 1){
      score += 1;
    }else{
      score -= 1;
    }
    //compteur+=1;
  }
}

J'aimerais l'intégrer dans mon site html (dans la page Maroc1.html, code en dessous):
<html>
    <head>
     <title>
        MAROC
        </title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <LINK rel=STYLESHEET href="MAROC.css" type="text/css">
    <head>
    <script type="text/javascript" src="essai2bof.js"></script>
    <body onload=init()>
    <div class="fondMilieu">
            <div class=cadreHautLogo>
            <img src="po.gif"align=center></img>
            </div>
            <div class=cadreHautMilieu>
                <FONT color="white">
                <h3> Dieu, la Patrie, le Roi <br>   
                الله، الوطن، الملك <h3/>
                </FONT>
       
            </div>
            <div class=cadreHautDroit>
                 <FONT color="#235218">
                 <h2> MAROC<h2/>  </FONT>
                <h1 class="apparaitreDrapeau"> MAROC <h1>
            </div>
            <div class=menu>
            </div>
            <div class=InfoSupplementair>
                <ul> <FONT color="#235218">
                <li> <h3> Forme de l'État: <h3/><h6>Monarchie <h6/></li>
                <li><h3>Roi:<h2/> <h6>Mohammed VI<h3/> </li>
                <li><h3>Langues officielles:<h3/> <h6>Arabe,Amazighe<h6/></li>
                <li><h3>Superficie totale:<h3/><h6>446 550 km2 <h6/> </li>
                <li><h3>Population totale:<h3/> <h6>33 848 2429 hab <h6/> </li> </FONT>
                </div>
            <div class=centrePage>
                <div class=centrePageGauche>
                <img height=80% width=80% src="love.jpg"></img>        
                </div>
                <div class=centrePageDroit>
                <video height=60% width=60% autoplay=true src="123.mp4"></video>
                </div>
                <div class=centrePageBas>
                <h3> Lisez cette page attentivement, et venez vous tester sur les différents quizz! </h3><h5>(Cliquez sur le thème que vous voulez pour accéder au quizz! )</h5>
                <table align=center>
                    <tr>
                        <td> <p class=couleurtextetableau>
                        <a href="MoroccanFood.html" onclick=essai()>Cuisine Marocaine</a>
                        </td> </p>
                        <td><p class=couleurtextetableau>
                        <a href="Sport.html" onclick=ChoixS() >Sport</a>
                        </td></p>
                        <td><p class=couleurtextetableau>
                        <a href="Aléatoire.html" onclick=ChoixA() >Aléatoire</a>
                        </td></p>
                    </tr>   
               
                       
                    </table>
                       
                </div>
               
            </div>
           
           
         </div>
           
    </body>
   
Je sais également qu'il faut utiliser cette fonction d'après ma prof : <canvas data-processing-sources="html/projet_bon.pde html/Point.pde"></canvas>

Cependant cela ne fonctionne pas et je ne comprends pas quoi mettre à la place de projet_bon.pde et Point.pde pour que ça fonctionne. hmm
Et j'ai mon bac ISN mercredi prochain, est-ce que quelqu'un pourrait m'expliquer s'il vous plait?
Merci d'avance, bonne soirée. big_smile

Hors ligne

 

#2 2017-05-21 10:53:32 Re : Comment insérer un jeu JAVASCRIPT dans une page HTML?

mrc_lol
nouveau membre
Date d'inscription: 2017-04-18
Messages: 7

Re: Comment insérer un jeu JAVASCRIPT dans une page HTML?



S'il vous plait? C'est pour mon projet de bac, c'est urgent sad neutral

Dernière modification par mrc_lol (2017-05-21 11:02:53)

Hors ligne

 

#3 2017-05-21 22:45:52 Re : Comment insérer un jeu JAVASCRIPT dans une page HTML?

Olivier
N°4
Lieu: Chalon sur la Saône
Date d'inscription: 2009-04-07
Messages: 1471
Site web

Re: Comment insérer un jeu JAVASCRIPT dans une page HTML?



Hello...

Processing s'appuie sur le langage de programmation Java.
Ton programme n'est donc pas écrit en JavaScript. hmm

Il existe un moyen d'utiliser des sketchs Processing dans une page HTML.
Cela s'appelle ProcessingJS.

Mais je ne peux te dire si cette solution est encore fonctionnelle car le projet à été abandonné pour être remplacé par P5.js, qui permet d'écrire directement en JavaScript.

Petit conseil en passant, évite d'utiliser le mot "urgent" dans un forum.
C'est un bon moyen de décourager les bonnes volontés.


L'Amour au Peuple !

Hors ligne

 

#4 2017-05-22 00:44:56 Re : Comment insérer un jeu JAVASCRIPT dans une page HTML?

mrc_lol
nouveau membre
Date d'inscription: 2017-04-18
Messages: 7

Re: Comment insérer un jeu JAVASCRIPT dans une page HTML?



Bonsoir,
merci de votre réponse et désolé c'est sans doute le stress lol. smile
Et donc est-ce que vous savez comment je pourrais utiliser avec P5.js? Parce que je n'ai jamais utilisé ce dernier. hmm

Hors ligne

 

#5 2017-05-23 12:56:14 Re : Comment insérer un jeu JAVASCRIPT dans une page HTML?

matthieu
membre
Date d'inscription: 2008-06-09
Messages: 193

Re: Comment insérer un jeu JAVASCRIPT dans une page HTML?


Ce que vous avez fait au plus petit de mes frères, c'est à moi que vous l'avez fait.

Hors ligne

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2017