J'essaie de faire un jeu avec flash cs6 et createjs. Quand je le teste localement (ce qui signifie, je clique sur le fichier .html dans la sortie) cela fonctionne très bien et comme prévu.HTML5 jeu de toile ne sera même pas préchargé sur Newgrounds sur pc, mais cela fonctionne sur iPad.
Puis je l'ai téléchargé sur Newgrounds et l'ai prévisualisé avec mon pc (windows 8.1, google chrome) et le jeu est resté bloqué sur un écran blanc - ce qui signifie que la fonction de préchargement ne fonctionne pas correctement? Puis je l'ai prévisualisé sur mon iPad (toujours depuis Newgrounds), et cela a fonctionné sur Safari - même s'il n'y avait pas de son.
Ensuite, j'ai essayé de le réimporter sur Newgrounds - mais cette fois-ci j'ai supprimé tout le son du jeu - et ça marche même quand on le visionne sur mon ordinateur. De tout cela, j'ai déduit qu'il doit y avoir un code en conflit qui implique le préchargement audio lorsque j'essaie de démarrer le jeu avec mon pc sur Newgrounds. Mes questions sont:
1) Quand je prévisualiserai mon jeu sur Newgrounds, pourquoi ne le chargera-t-il pas s'il y a de l'audio dedans et que j'utilise mon pc? (Rappelez-vous, cela fonctionne si je le prévisualise sur newgrounds avec mon iPad, et il fonctionne même sur mon pc si je supprime complètement les fichiers son)
2) Pourquoi est-ce que l'audio ne fonctionnera pas sur l'Ipad? J'ai ajouté une fonction onclick à la toute première image du jeu pour lancer le son, comme suggéré ailleurs; la fonction fonctionne mais le son ne démarre pas.
Merci d'avance pour votre aide, s'il vous plaît noter que je n'ai aucune expérience avec Javascript (tout ce que j'ai jamais codé avec Actionscript), mais je suis prêt à apprendre et à faire de mon mieux.
Voici le code que j'ai dans mon fichier index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CreateJS export from testgame</title>
<script src="http://code.createjs.com/easeljs-0.6.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.4.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.6.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.3.0.min.js"></script>
<script src="http://code.createjs.com/soundjs-0.4.0.min.js"></script>
<script src="testgame.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("canvas");
images = images||{};
var manifest = [
{src:"images/Bitmap10.png", id:"Bitmap10"},
{src:"images/Bitmap12.png", id:"Bitmap12"},
{src:"images/Bitmap13.png", id:"Bitmap13"},
{src:"images/Bitmap14.png", id:"Bitmap14"},
{src:"images/Bitmap15.png", id:"Bitmap15"},
{src:"images/Bitmap16.png", id:"Bitmap16"},
{src:"images/Bitmap17.png", id:"Bitmap17"},
{src:"images/Bitmap18.png", id:"Bitmap18"},
{src:"images/Bitmap19.png", id:"Bitmap19"},
{src:"images/Bitmap20.png", id:"Bitmap20"},
{src:"images/Bitmap21.png", id:"Bitmap21"},
{src:"images/Bitmap22.png", id:"Bitmap22"},
{src:"images/Bitmap23.png", id:"Bitmap23"},
{src:"images/Bitmap24.png", id:"Bitmap24"},
{src:"images/Bitmap30.png", id:"Bitmap30"},
{src:"images/Bitmap31.png", id:"Bitmap31"},
{src:"images/Bitmap32.png", id:"Bitmap32"},
{src:"images/Bitmap33.png", id:"Bitmap33"},
{src:"images/Bitmap34.png", id:"Bitmap34"},
{src:"images/Bitmap35.png", id:"Bitmap35"},
{src:"images/Bitmap36.png", id:"Bitmap36"},
{src:"images/Bitmap37.png", id:"Bitmap37"},
{src:"images/Bitmap38.png", id:"Bitmap38"},
{src:"images/Bitmap39.png", id:"Bitmap39"},
{src:"images/Bitmap4.png", id:"Bitmap4"},
{src:"images/Bitmap5.png", id:"Bitmap5"},
{src:"images/Bitmap6.png", id:"Bitmap6"},
{src:"images/Bitmap7.png", id:"Bitmap7"},
{src:"images/Bitmap8.png", id:"Bitmap8"},
{src:"images/Bitmap9.png", id:"Bitmap9"},
{src:"sounds/siglaintro.mp3", id:"siglaintro"},
{src:"sounds/siglaloop.mp3", id:"siglaloop"}
];
var loader = new createjs.LoadQueue(false);
loader.installPlugin(createjs.Sound);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(manifest);
}
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}
function handleComplete() {
exportRoot = new lib.testgame();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
createjs.Ticker.setFPS(24);
createjs.Ticker.addEventListener("tick", stage);
}
function playSound(id, loop) {
createjs.Sound.play(id, createjs.Sound.INTERRUPT_EARLY, 0, 0, loop);
}
</script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
<canvas id="canvas" width="820" height="480" style="background-color:#ffff66"></canvas>
</body>
</html>