Once upon a time, Jamie the Red Magnificant encountered a wizard.<br>
<canvas id="myCanvas" width="1000" height="522"></canvas>

<script>

// Find the canvas (and call it "myCanv")
var myCanv = document.getElementById("myCanvas");

function drawFrame()
{
	// Get a context (like a paint brush)
	var ctx = myCanv.getContext("2d");

	ctx.clearRect(0, 0, 1000, 400);
	// Draw the image on the canvas
	ctx.drawImage(image_i, 0,0);
	var r = Math.random();
	if(r < 0.3)
		ctx.drawImage(image_m1, 342,162);


}

// Make new image objects
var image_i = new Image();
var image_m1 = new Image();
var image_m2 = new Image();
var image_m3 = new Image();
var image_m4 = new Image();

// Load the images
image_i.src="1.png";
image_m1.src="beard.png";


// call "drawFrame" every 50 mili-seconds
var timer = setInterval(drawFrame, 200);
</script>
<br>What does she want to do?<br>
<a href="2.html">Attack the wizard</a><br>
<a href="14.html">Try to cast a spell</a><br>
<a href="15.html">Talk to the wizard</a><br>