jsgl.org http://www.jsgl.org/ 2012-01-06T12:18:31+01:00 jsgl.org http://www.jsgl.org/ http://www.jsgl.org/lib/images/favicon.ico text/html 2012-01-05T00:33:26+01:00 Tomáš Řehořek Overview of JSGL elements http://www.jsgl.org/doku.php?id=overview_of_jsgl_elements&rev=1325720006&do=diff The set of JSGL elements currently implemented is introduced below. At the present time, there are seven basic elements implemented. More elements, such as Bezièr curves, images or a general shape, are planned to be implemented in the near future. text/html 2012-01-04T22:58:20+01:00 Tomáš Řehořek Putting Vector Graphics into a Webpage http://www.jsgl.org/doku.php?id=putting_vector_graphics_into_a_webpage&rev=1325714300&do=diff This page shows some mandatory steps that need to be done to make JSGL work. Specifying vector markup languages usage JSGL requires svg and vml prefixes to be mapped to appropriate namespace declarations. This can be done at the level of <html> element like this: text/html 2011-11-13T19:36:58+01:00 Tomáš Řehořek JavaScript Graphics Library (JSGL) http://www.jsgl.org/doku.php?id=introduction_to_jsgl&rev=1321209418&do=diff Open-Sourcedemotutorial What JSGL Offers? Web 2.0 Drawing & Programming Graphics [The JSGL API] * allows drawing, moving and changing graphics objects dynamically * integrates SVG/VML to enable vector drawing (with anti-aliasing and alpha-blending) * works with most modern browsers (Internet Explorer 6+, Firefox 3.0+, Opera 9.0+, Safari 3.0+, Google Chrome) text/html 2011-06-06T20:13:13+01:00 Tomáš Řehořek Drawing a random polyline (JSGL tutorial) http://www.jsgl.org/doku.php?id=drawing_a_random_polyline&rev=1307383993&do=diff Introduction This example demonstrates the use of addPointXY() and clearPoints() methods of JSGL Polyline element. In the initialization, there is a jsgl.Panel object instantiated and used to create the polyline element. The polyline is then set some visual properties and added to the panel's viewport (with no points specified). When the button is clicked, all the points are removed (when the button is clicked for the first time, this has no effect) and a random number of random points is adde… text/html 2011-06-06T20:12:29+01:00 Tomáš Řehořek JSGL Demo: Group of Adaptive Models (GAME) Neural Network Construction http://www.jsgl.org/doku.php?id=neuralnet&rev=1307383949&do=diff You can use the mouse to move the slider! Visit FAKE GAME Project Website for more information :-) text/html 2011-06-06T20:11:26+01:00 Tomáš Řehořek JSGL Demo: PathFinder http://www.jsgl.org/doku.php?id=pathfinder&rev=1307383886&do=diff text/html 2011-03-05T05:14:44+01:00 Tomáš Řehořek Drawing simple shapes http://www.jsgl.org/doku.php?id=drawing_simple_shapes&rev=1299298484&do=diff This page shows how to draw simple shapes using jsgl.Panel object. It's assumed that you have already read section Putting Vector Graphics into a Webpage and that you have an instance of jsgl.Panel class prepared. Creating graphics elements Suppose that we have created myPanel object by passing HTML element to jsgl.Panel's constructor as shown below: