<!DOCTYPE HTML>
<html>
<head>
<title>Javascript Spritesheet Animation Manager :: SAM</title>
<!-- some jQuery -->
<script src="https://code.jquery.com/jquery-2.1.0.min.js" language="Javascript"></script>
<!-- load our class -->
<script src='class.spritesheet_animation_manager.js'></script>
<style>
/*
// attach spritesheet to whatever you want the spriteset to be attached.
// so even though we may be controlling different elements, they can share the
// spriteset...
*/
.spritesheet.bard {
background:url('example.bard.png'); /* check out http://opengameart.org/content/more-nes-style-rpg-characters for allowed usage */
background-position:0px 0px;
overflow:hidden;
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class='spritesheet bard player'></div>
<!-- load our example -->
<script src='example.js'></script>
</body>
</html>
|
Download
