- Vous n'êtes pas identifié.
Annonce
#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. 
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. 
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 
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?
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.
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. 
Et donc est-ce que vous savez comment je pourrais utiliser avec P5.js? Parce que je n'ai jamais utilisé ce dernier.
Hors ligne
#5 2017-05-23 12:56:14 Re : Comment insérer un jeu JAVASCRIPT dans une page HTML?
- matheynen
- membre
- Date d'inscription: 2008-06-09
- Messages: 226
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
Pages: 1
- Accueil forums
- » Processing
- » Comment insérer un jeu JAVASCRIPT dans une page HTML?
fil rss de cette discussion :
