Added links to demos

chukcha-wtf · May 7, 2013 · 985ffca · 985ffca
1 parent 9e0f8cf
commit 985ffca
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -21,3 +21,7 @@ These modules provide access to the core rendering classes:
 
 There are also helper classes to work with vector paths, 3x3 transformation
 matrices, colors, morphing, common shapes etc.
+
+#Demos
+
+[See ./demos](./demos)
diff --git a/demos/codegen/triangle.js → demos/codegen/codegen.js b/demos/codegen/triangle.js → demos/codegen/codegen.js
@@ -16,5 +16,13 @@ var rectangle = new ART.Rectangle(100, 100).rotate(45).stroke('#0F0', 2);
 
 art.grab(triangle, rectangle);
 
-alert(art.toExpression().toString());
-alert(art.toModule().toString());
+function showResult(text) {
+  var result = document.createElement('textarea');
+  result.style.width = '500px';
+  result.style.height = '300px';
+  result.value = text;
+  document.body.appendChild(result);
+}
+
+showResult(art.toExpression().toString());
+showResult(art.toModule().toString());
diff --git a/demos/codegen/index.html b/demos/codegen/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
 <head>
-<title>Triangle.js</title>
+<title>Codegen</title>
 </head>
 <body>
-<script src="../../lib/link/Source/Web/link.js" data-main="triangle.js" data-nocache></script>
+<script src="../../lib/link/Source/Web/link.js" data-main="codegen.js" data-nocache></script>
 </body>
 </html>
diff --git a/demos/index.html b/demos/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Demo List</title>
+</head>
+<body>
+<p><a href="morph">Morph<a/></p>
+<p><a href="opacity">Opacity<a/></p>
+<p><a href="paths">Paths<a/></p>
+<p><a href="gradients">Gradients<a/></p>
+<p><a href="images">Images<a/></p>
+<p><a href="objectmodel ">Object Model<a/></p>
+<p><a href="svgviewer">SVG Viewer<a/></p>
+<p><a href="codegen">Code Generation<a/></p>
+<p><a href="svgconverter">SVG to ART Converter<a/></p>
+<p><a href="apidump">Public API Dump<a/></p>
+</body>
+</html>
diff --git a/demos/svgconverter/converter.js b/demos/svgconverter/converter.js
@@ -3,6 +3,8 @@ var SVGParser = require('../../src/parsers/svg');
 
 SVGParser.load('../svgviewer/testcase.svg', function(surface){
 	var result = document.createElement('textarea');
+  result.style.width = '500px';
+  result.style.height = '500px';
 	result.value = surface.toModule();
 	document.body.appendChild(result);
 });