[Résolu] Canvas : Une map par anerax - page 1

Yop all,
Je me lance dans les canvas, j'aimerais savoir pourquoi mon script ne fonctionne pas comme je le veux, mon algo doit être foireux au niveau de l'imbrication des boucles :x

<!DOCTYPE html>
<html>
	<head>
		<title>Tactical Project V0.1 By Anerax</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/JavaScript" src="js/map.js"></script>
	</head>
	
	<body>
		<canvas id="canvasMap" width="640" height="480">
			Jeu incompatible avec votre navigateur.<br />
		</canvas>
	</body>
	
	<script type="text/JavaScript">
		window.onload = function() {
			initCanvas(document.getElementById('canvasMap'));
			loadMap(0);
		}
		
	</script>
</html>

var mapWidth = 640;
var mapHeight = 480;
var tileWidth = 32;
var tileHeight = 32;

var ctx = null;

function initCanvas(canvas) {
	if (canvas.getContext){
		ctx = canvas.getContext('2d');
		ctx.fillStyle = "rgb(0,0,0)";
		ctx.fillRect(0,0,640,480);
		
		ctx.fillStyle = "rgb(255,255,255)";
		ctx.font = "20pt Calibri,Geneva,Arial";
		ctx.fillText("Chargement de la map en cours...", 120, 240);
	}
}
function loadMap(idMap) {
	ctx.fillStyle = "rgb(0,0,50)";
	for(y=0;y<mapHeight/tileHeight;y++) {
		for(x=0;x<mapWidth/tileWidth;x++) {
			ctx.fillRect(x*tileWidth,y*tileHeight,tileWidth,tileHeight);
			x++;
		}
		y++;
	}
}

Rendu :

Pourquoi ais-je ces espaces ?

Merci d'avance

Canvas : Une map

Canvas : Une map

Supprimer

Modérer

Signaler le message aux modérateurs