Shimeji — Rayman
// set walking animation if moving enough isWalking = distance > WALK_DIST_THRESH;
// ---- FACE ---- // eyes (big, white with black pupils) ctx.beginPath(); ctx.arc(-7, -8, 5, 0, Math.PI*2); ctx.fillStyle = "#FFFFFF"; ctx.fill(); ctx.strokeStyle = "#AA8E42"; ctx.lineWidth = 1; ctx.stroke(); Rayman Shimeji
canvas.addEventListener('mousemove', handleMouseMove); canvas.addEventListener('click', handleClick); // set walking animation if moving enough isWalking
ctx.fillStyle = "#E5AE5A"; ctx.beginPath(); ctx.ellipse(rightLegX, rightLegY, 8, 10, -0.2, 0, Math.PI*2); ctx.fill(); ctx.fillStyle = "#C4813B"; ctx.beginPath(); ctx.ellipse(rightLegX+1, rightLegY+2, 3, 4, 0, 0, Math.PI*2); ctx.fill(); white with black pupils) ctx.beginPath()
</style> </head> <body>