Votre navigateur ne supporte pas HTML5, veuillez le mettre à jour pour jouer.

Illustration de la partie "Les personnages" du tuto "Créer un mini-RPG en JavaScript avec canvas" de Sébastien CAPARROS (sebcap26)

Utiliser les flèches du clavier pour déplacer les personnages

Code HTML


	<!DOCTYPE html>
	<html>
		<head>
			<title>Mini-RPG</title>
			<meta charset="utf-8" />
			<link rel="stylesheet" type="text/css" href="css/style.css" />
			<!--[if lt IE 9]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
			<script type="text/javascript" src="js/classes/Map.js"></script>
			<script type="text/javascript" src="js/classes/Tileset.js"></script>
			<script type="text/javascript" src="js/classes/Personnage.js"></script>
			<script type="text/javascript" src="js/rpg.js"></script>
		</head>
		<body>
			<canvas id="canvas">Votre navigateur ne supporte pas HTML5, veuillez le mettre à jour pour jouer.</canvas>
		</body>
	</html>
			


tileset par Doudoulolita. Taille : 128 * 64 px - taille des tuiles : 32px


spritesheet de l'atèle
par Doudoulolita. Taille : 160 * 190 px - taille du personnage : 32 * 48 px

Fichiers rpg.js, classes Tileset.js, Map.js, Personnage.js, carte premiere.json et style.css + Fichier excanvas.js