Comments on: Ajax/Javascript: 8 Ways to Create Graphics on the Fly http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly Mahemoff's Podcast/Blog - Web, Programming, Usability from the Author of 'Ajax Design Patterns' (AjaxPatterns.org) Mon, 15 Mar 2010 08:42:17 -0400 http://wordpress.org/?v=2.8.3 hourly 1 By: samb http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-452448 samb Wed, 30 Sep 2009 07:22:50 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-452448 <p>http://jsdraw2d.jsfiction.com is another javascript graphics library which draws with divs. It can even draw curves with tension parameter and beziers. Moreover it provides options to set origin, co-ordinate type and scale for the drawing.</p> http://jsdraw2d.jsfiction.com is another javascript graphics library which draws with divs. It can even draw curves with tension parameter and beziers.
Moreover it provides options to set origin, co-ordinate type and scale for the drawing.

]]> By: Ajax/Javascript: 8 Ways to Create Graphics on the Fly » Agile Techno Solutions ., JSC http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-449495 Ajax/Javascript: 8 Ways to Create Graphics on the Fly » Agile Techno Solutions ., JSC Thu, 03 Sep 2009 14:05:42 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-449495 <p>[...] etc), so it scales better than a plain bitmap. Here’s an SVG circle (adapted from W3CSchools: PLAIN TEXT [...]</p> [...] etc), so it scales better than a plain bitmap. Here’s an SVG circle (adapted from W3CSchools: PLAIN TEXT [...]

]]> By: boris http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-324890 boris Wed, 03 Sep 2008 07:30:22 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-324890 <p>Best VML / ajax performance .</p> <p>Here is the first browser game, that use VML and Ajax to achive real time interactivity of multiple players and astonishing special effects with large number of true transparency layers.</p> <p>game play movie on the main page. www.glory-online.com try it.</p> <p>game run on 3 servers.</p> Best VML / ajax performance .

Here is the first browser game, that use VML and Ajax to achive real time interactivity
of multiple players and astonishing special effects with large number of true transparency layers.

game play movie on the main page.
http://www.glory-online.com
try it.

game run on 3 servers.

]]> By: Software As She’s Developed » Blog Archive » Announcing Bitjuice: Ajax Bitmap API http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-201513 Software As She’s Developed » Blog Archive » Announcing Bitjuice: Ajax Bitmap API Sat, 23 Feb 2008 19:04:14 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-201513 <p>[...] library I made to do bitmap/raster graphics in the browser. The aim is to make it easy to write “Ajax graphics” - graphics you can update real-time in the browser. And at the same time, maintain compatibility [...]</p> [...] library I made to do bitmap/raster graphics in the browser. The aim is to make it easy to write “Ajax graphics” – graphics you can update real-time in the browser. And at the same time, maintain compatibility [...]

]]> By: Joe Preston http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-87717 Joe Preston Fri, 27 Jul 2007 18:29:53 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-87717 <p>Does anyone have any information regarding defining flash graphics from an external xml file. For instance, I want to define, background colors, stroke color, positions, font colors, font type, padding. Basically almost everything that CSS can do, except through XML using Flash?</p> Does anyone have any information regarding defining flash graphics from an external xml file. For instance, I want to define, background colors, stroke color, positions, font colors, font type, padding. Basically almost everything that CSS can do, except through XML using Flash?

]]> By: Hanno’s Coding Log » Blog Archive » Dynamic Graphics in AJAX applications http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-82348 Hanno’s Coding Log » Blog Archive » Dynamic Graphics in AJAX applications Wed, 11 Jul 2007 16:57:32 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-82348 <p>[...] Michael Mahemoff, author of Ajax Design Patterns, has a nice overview of solutions for dynamic graphics on AJAX enabled web pages. [...]</p> [...] Michael Mahemoff, author of Ajax Design Patterns, has a nice overview of solutions for dynamic graphics on AJAX enabled web pages. [...]

]]> By: dgym http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-68285 dgym Wed, 30 May 2007 11:05:37 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-68285 <p>As a small variation on #6, create a table of single pixel divs. The table can be built up in Javascript, storing references to the pixels' style in a 2D array along the way, then the pixels can be changed by setting the background:</p> <p>pixelgrid[0][0].backgroundColor = 'blue'</p> <p>I haven't seen anyone use this yet. Walter Zorn's library at http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm could probably be adapted quite easily, and this might be a little quicker for line/curve drawing as the div optimizations can be safely removed.</p> As a small variation on #6, create a table of single pixel divs. The table can be built up in Javascript, storing references to the pixels’ style in a 2D array along the way, then the pixels can be changed by setting the background:

pixelgrid[0][0].backgroundColor = ‘blue’

I haven’t seen anyone use this yet. Walter Zorn’s library at http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm could probably be adapted quite easily, and this might be a little quicker for line/curve drawing as the div optimizations can be safely removed.

]]> By: mahemoff http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-60770 mahemoff Mon, 07 May 2007 11:43:56 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-60770 <p>Hi Andrew, the path you're following sounds sensible, though there's not much more I can say than what's in the above post.</p> <p>Sandy, I'm not sure exactly what you're after, but it sounds like it might require Flash???</p> Hi Andrew, the path you’re following sounds sensible, though there’s not much more I can say than what’s in the above post.

Sandy, I’m not sure exactly what you’re after, but it sounds like it might require Flash???

]]> By: sandy http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-59168 sandy Wed, 02 May 2007 17:13:29 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-59168 <p>Interesting post. I've been looking for a way to put in an ad link that corresponds to an image. For example, an image of a theme park will have a dropdown ad that links to purchase tickets or for more information. A close example of this is britepic, although I am looking for open source scripting that will allow me to put in my own ads with my logo in the corner and not a 3rd party ad. Anyone know how to do this??</p> Interesting post. I’ve been looking for a way to put in an ad link that corresponds to an image. For example, an image of a theme park will have a dropdown ad that links to purchase tickets or for more information.
A close example of this is britepic, although I am looking for open source scripting that will allow me to put in my own ads with my logo in the corner and not a 3rd party ad.
Anyone know how to do this??

]]> By: Andrew Katz http://softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly/comment-page-1#comment-48412 Andrew Katz Sun, 01 Apr 2007 00:38:03 +0000 http://www.softwareas.com/ajaxjavascript-8-ways-to-create-graphics-on-the-fly#comment-48412 <p>I am trying to do something which has not been done as far as I can tell. I have written a computer program which is a complex curved shape generator. A CCSG. I just made that term up as I am writing this.</p> <p>I would like to know what technology will do the following: 1. Be generated and held in the browser. No server. 2. Supported by most browsers. 3. Small amount of libraries needed. 4. Does not use up too much computer memory and render in a reasonable amount of time.</p> <p>Right now I am going to literally modify the JavaScript Vector Graphics Library by Walter Zorn. Because what I am drawing is essentially an extremely complicated ellipse. http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm</p> <p>I am wondering if dojo (svg) or canvas would be better, or do they all do things in the same way? For example, Zorn stores hundreds of s to render one ellipse. I am doing my development using Firefox. But I plan to test it on IE and Opera.</p> <p>I also noticed that there is no visual tool (other than CodeGear) which one can use to design forms for the Web application (drag and drop controls).</p> I am trying to do something which has not been done as far as I can tell. I have written a computer program which is a complex curved shape generator. A CCSG. I just made that term up as I am writing this.

I would like to know what technology will do the following:
1. Be generated and held in the browser. No server.
2. Supported by most browsers.
3. Small amount of libraries needed.
4. Does not use up too much computer memory and render in a reasonable amount of time.

Right now I am going to literally modify the JavaScript Vector Graphics Library by Walter Zorn. Because what I am drawing is essentially an extremely complicated ellipse.
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

I am wondering if dojo (svg) or canvas would be better, or do they all do things in the same way? For example, Zorn stores hundreds of s to render one ellipse. I am doing my development using Firefox. But I plan to test it on IE and Opera.

I also noticed that there is no visual tool (other than CodeGear) which one can use to design forms for the Web application (drag and drop controls).

]]>