JSFBGL :: Javascript Framebuffer Graphic Library

[benny!]

Thanks for pointing this out. To be honest. I had the idea once to manipulate a tables
background cell color ... and the creation of this lib was pure fun. I didn't make any
research on the net if there are better ways to achieve the same fx.

But this link/idea sounds pretty interesting. Will have a look on it - if I have some spare
times and maybe rewrite the lib. Thanks a lot, p01 !!!

[rdc]

Very cool indeed.

[p01]

Glad you like the technique

To make it more like an LFB, you can store the BMP header, and have an array with one entry per pixel, then output the whole thing using:

Code: [Select]

targetImg.src = BMPHeader+LFBArray.join('');
The join() method is really fast, and this way you can maintain parts of the image and only update a few pixels with no overhead at all.

[p01]

I had the idea once to manipulate a tables
background cell color ... and the creation of this lib was pure fun. I didn't make any research on the net if there are better ways to achieve the same fx.

Although that doesn't really mean anything, I've never seen anyone else generating images, let alone on the fly, using JavaScript and data: URL.


The one zillion DID/TD techniques on the other hand are widely spread. The good thing about them is that they are so basic that they work on any half decent browser. Unfortunately, even if you only update the necessary cells/pixels, it is quite slow. Don't expect to get a good framerate with anything around 64x64 or higher.


For instance, I coded a fire effect using both techniques. Here are the results on my crappy 800mhz laptop:

• one zillion DIV/TD technique using 36x22 = 762 pixels = ~4 fps
  
  
• BMP image generation using 96x48 = 4,608 pixels = ~14 fps

[benny!]

...
For instance, I coded a fire effect using both techniques. Here are the results on my crappy 800mhz laptop:

• one zillion DIV/TD technique using 36x22 = 762 pixels = ~4 fps
  
  
• BMP image generation using 96x48 = 4,608 pixels = ~14 fps

...

This sounds great for sure. I really keep this in mind when I have some spare time to spend
some more time on it !!! Sounds very cool indeed!