adding a basic usage example

2011-09-01 11:57:24 +02:00 · 2011-09-01 11:57:24 +02:00 · 621cb2bb38
commit 621cb2bb38
parent fd9789f3e9
16 changed files with 45 additions and 0 deletions
--- a/examples/basic.html
+++ b/examples/basic.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf8">
+		<title>Basic</title>
+
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
+		<script src="../lib/pixastic/pixastic.core.js"></script>
+		<script src="../lib/pixastic/actions/brightness.js"></script>
+		<script src="../lib/pixastic/actions/desaturate.js"></script>
+		<script src="../lib/pixastic/actions/sharpen.js"></script>
+		<script src="../lib/ComicBook.js"></script>
+
+		<link rel="stylesheet" href="../css/reset.css">
+		<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/smoothness/jquery-ui.css">
+		<link rel="stylesheet" href="../css/styles.css">
+	</head>
+	<body>
+
+		<canvas id="comic"></canvas>
+
+		<script>
+			var book = new ComicBook('comic', [
+        		'futuristic_tales/a-fc.jpg',
+     			'futuristic_tales/x-002.jpg',
+     			'futuristic_tales/x-003.jpg',
+     			'futuristic_tales/x-004.jpg',
+     			'futuristic_tales/x-005.jpg',
+     			'futuristic_tales/x-006.jpg',
+     			'futuristic_tales/x-007.jpg',
+     			'futuristic_tales/x-008.jpg',
+     			'futuristic_tales/x-009.jpg',
+     			'futuristic_tales/x-010.jpg',
+     			'futuristic_tales/x-011.jpg',
+     			'futuristic_tales/x-012.jpg',
+     			'futuristic_tales/x-013.jpg',
+     			'futuristic_tales/x-014.jpg',
+     			'futuristic_tales/x-005.jpg'
+     			]
+			);
+			book.draw();
+		</script>
+	</body>
+</html>
--- a/examples/futuristic_tales/a-fc.jpg
+++ b/examples/futuristic_tales/a-fc.jpg
--- a/examples/futuristic_tales/x-002.jpg
+++ b/examples/futuristic_tales/x-002.jpg
--- a/examples/futuristic_tales/x-003.jpg
+++ b/examples/futuristic_tales/x-003.jpg
--- a/examples/futuristic_tales/x-004.jpg
+++ b/examples/futuristic_tales/x-004.jpg
--- a/examples/futuristic_tales/x-005.jpg
+++ b/examples/futuristic_tales/x-005.jpg
--- a/examples/futuristic_tales/x-006.jpg
+++ b/examples/futuristic_tales/x-006.jpg
--- a/examples/futuristic_tales/x-007.jpg
+++ b/examples/futuristic_tales/x-007.jpg
--- a/examples/futuristic_tales/x-008.jpg
+++ b/examples/futuristic_tales/x-008.jpg
--- a/examples/futuristic_tales/x-009.jpg
+++ b/examples/futuristic_tales/x-009.jpg
--- a/examples/futuristic_tales/x-010.jpg
+++ b/examples/futuristic_tales/x-010.jpg
--- a/examples/futuristic_tales/x-011.jpg
+++ b/examples/futuristic_tales/x-011.jpg
--- a/examples/futuristic_tales/x-012.jpg
+++ b/examples/futuristic_tales/x-012.jpg
--- a/examples/futuristic_tales/x-013.jpg
+++ b/examples/futuristic_tales/x-013.jpg
--- a/examples/futuristic_tales/x-014.jpg
+++ b/examples/futuristic_tales/x-014.jpg
--- a/examples/futuristic_tales/x-015.jpg
+++ b/examples/futuristic_tales/x-015.jpg