JSFiddle - React, Tailwind, and code Playground

by Alvaro Silvino

HTML

<script src="https://cdn.rawgit.com/tusharghate/angular-simple-sprite/master/dist/angular-simple-sprite.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="MyCtrl">
        <div>
        <h3>Basic Example</h3>
	    <simple-sprite 
	    	src="https://raw.githubusercontent.com/tusharghate/angular-simple-sprite/master/demo/images/alien-jump.png" 
	    	frame-width="100" 
	    	frame-height="155" 
	    	frames="8" 
	    	repeat="true" 
	    	speed="50">
	    </simple-sprite>
	</div>
      
    <div>
        <h3>Using frames-per-row</h3>
	    <simple-sprite 
	    	src="https://raw.githubusercontent.com/tusharghate/angular-simple-sprite/master/demo/images/alien-jump-rows.png" 
	    	frame-width="100" 
	    	frame-height="155" 
	    	frames="8" 
            frames-per-row="4"
	    	repeat="true" 
	    	speed="50">
	    </simple-sprite>
	</div>

	<div>
        <h3>Non-Repeating</h3>
	    <simple-sprite 
	    	src="https://raw.githubusercontent.com/tusharghate/angular-simple-sprite/master/demo/images/alien-rocket.png" 
	    	frame-width="150" 
	    	frame-height="348" 
	    	frames="3" 
	    	repeat="false" 
	    	speed="100">
	    </simple-sprite>
	</div>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', ['simple-sprite']);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
}