Javascript Splash Screen setTimeout Problem.

Question

Ich habe versucht, einen Startbildschirm erscheinen zu lassen, wenn das Spiel startet, und es erscheint, aber es blendet viel zu schnell aus. Versucht, SetTimeout innerhalb der Funktion zu erstellen, aber es funktioniert nicht mehr und bricht den Code vollständig.

var introimg; 
var intro = true; 
function gameStart() { 
    ctx.clearRect(0,0,window.innerWidth, window.innerHeight); 
    ctx.drawImage(introimg, 0,0,window.innerWidth, window.innerHeight); 
//setTimeout(gameStart, 5000); 

} 

function setup(){ 
    introimg = new Image(); 
    introimg.src = 'ICE/data/splash.png'; 


    document.addEventListener("touchstart", onTouchStart); 
    document.addEventListener("touchmove", onTouchMove); 
    document.addEventListener("touchend", onTouchEnd); 


    gameStart(); 
    draw(); 
} 


function draw(){ 
    ctx.fillStyle = "rgba(0,0,0,0.1)"; 
    ctx.fillRect(0,0,window.innerWidth,window.innerHeight); 

    for(var i = 0;i<ressources.length;i++){ 
    ressources[i].display(); 
    } 

    requestAnimationFrame(draw); 
} 

Bitte helfen.

Vielen Dank im Voraus.

Answer 1

Verschieben SetTimeout außerhalb der Funktion Spielstart, das heißt:

function gameStart() {} 
setTimeout(gameStart, 5000);