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

Explications

Inspiré de la partie "Mise en place des bases" du tuto "Créer un mini-RPG en JavaScript avec canvas" de Sébastien CAPARROS (sebcap26)

Utilisation de la balise canvas pour afficher une image :

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/rpg.js"></script>
	</head>
	<body>
		<canvas id="canvas">Votre navigateur ne supporte pas HTML5, veuillez le mettre à jour pour jouer.</canvas>
	</body>
</html>
		

Image


arbre.png
: Dessin de tucum par Doudoulolita. Taille : 64 * 64 px

Fichiers

Fichiers rpg.js et style.css + Fichier excanvas.js