Comments on: L-systems in JavaScript using Canvas http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/ The writings of John Snyders, mostly about software. Thu, 28 Aug 2008 15:21:19 +0000 http://wordpress.org/?v=2.1.3 By: AJAX coding school » Blog Archive » AJAX Examples [2008-01-23 05:30:00] http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4505 AJAX coding school » Blog Archive » AJAX Examples [2008-01-23 05:30:00] Wed, 23 Jan 2008 05:44:11 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4505 [...] L-systems in JavaScript using Canvas By John Snyders About a month later I went to the ajax experience conference and learned about the new HTML canvas element among other things. I wanted a project to get practice writing JavaScript, more experience with using jQuery, and to try out … HardLikeSoftware - http://hardlikesoftware.com/weblog [...] […] L-systems in JavaScript using Canvas By John Snyders About a month later I went to the ajax experience conference and learned about the new HTML canvas element among other things. I wanted a project to get practice writing JavaScript, more experience with using jQuery, and to try out … HardLikeSoftware - http://hardlikesoftware.com/weblog […]

]]> By: David http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4516 David Wed, 23 Jan 2008 14:17:42 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4516 This is a very good project because it combined learning about several important inter-related technologies and it's fun. I tried several of the L-systems. The only problem I'm seeing is that I'm currently using an old PC and the execution is very slow. I'll try again later with a faster PC. I'm using Firefox 2.0.0.11 and am not seeing any issues. Great work! This is a very good project because it combined learning about several important inter-related technologies and it’s fun. I tried several of the L-systems. The only problem I’m seeing is that I’m currently using an old PC and the execution is very slow. I’ll try again later with a faster PC. I’m using Firefox 2.0.0.11 and am not seeing any issues.

Great work!

]]> By: Ajax Back Button http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4534 Ajax Back Button Thu, 24 Jan 2008 12:55:15 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4534 how can i download it? how can i download it?

]]> By: John Snyders http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4536 John Snyders Thu, 24 Jan 2008 13:38:47 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4536 Ajax Back Button: The link the project is in the article and I'll repeat it here: http://hardlikesoftware.com/projects/lsystem/lsystem-html_v0.1.zip Just save the file and extract it to an empty folder. Take a look at the readme file. To run it locally just open .../build/web/lsystem.html in a supported web browser. David: I would hope that slow PCs don't make that much of a difference but perhaps they do. Just in case you missed it the two sliders control the rendering speed. For the fastest rendering move Modules per step all the way to the right and Delay all the way to the left. You need to click rather than drag due to the above mentioned bug. It was my youngest daughter that insisted that it be able to draw slow enough to see clearly what it was doing step by step. Ajax Back Button: The link the project is in the article and I’ll repeat it here:
http://hardlikesoftware.com/projects/lsystem/lsystem-html_v0.1.zip
Just save the file and extract it to an empty folder. Take a look at the readme file.
To run it locally just open …/build/web/lsystem.html in a supported web browser.

David: I would hope that slow PCs don’t make that much of a difference but perhaps they do. Just in case you missed it the two sliders control the rendering speed. For the fastest rendering move Modules per step all the way to the right and Delay all the way to the left. You need to click rather than drag due to the above mentioned bug. It was my youngest daughter that insisted that it be able to draw slow enough to see clearly what it was doing step by step.

]]> By: David http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4551 David Fri, 25 Jan 2008 22:19:52 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-4551 I see nearly 100% CPU utilization, so I know it's partly my PC, but I did not have the modules slider all the way to the right and that does help. I see nearly 100% CPU utilization, so I know it’s partly my PC, but I did not have the modules slider all the way to the right and that does help.

]]> By: Ben http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-5814 Ben Wed, 02 Apr 2008 01:36:53 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-5814 This is a beautiful piece of work. Just about the only thing it's missing is the ability to actually edit the L-system definitions. How hard would it be to parse a text specification something like what's shown in the gray box into however you're representing your L-systems? This is a beautiful piece of work. Just about the only thing it’s missing is the ability to actually edit the L-system definitions. How hard would it be to parse a text specification something like what’s shown in the gray box into however you’re representing your L-systems?

]]> By: John Snyders http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-7077 John Snyders Tue, 10 Jun 2008 02:09:58 +0000 http://hardlikesoftware.com/weblog/2008/01/23/l-systems-in-javascript-using-canvas/#comment-7077 @Ben, Thanks. I agree that the ability to create and edit L-systems would be a key addition. I may get back to work on that someday. The trick is that the L-system library is designed to leverage the JavaScript language. The behavior for each symbol is a JavaScript function. This makes it powerful. Letting people type in JavaScript on a web page requires giving careful consideration to security. Other options include restricting the capabilities of the symbol behaviors. Either way a parser is needed. All doable just more than I had time for. @Ben, Thanks. I agree that the ability to create and edit L-systems would be a key addition. I may get back to work on that someday. The trick is that the L-system library is designed to leverage the JavaScript language. The behavior for each symbol is a JavaScript function. This makes it powerful. Letting people type in JavaScript on a web page requires giving careful consideration to security. Other options include restricting the capabilities of the symbol behaviors. Either way a parser is needed. All doable just more than I had time for.

]]>