Pixler (oh the inefficiency)
June 4th, 2006
Earlier today, I completely failed at getting installing paintchat for a friend (what even makes you think you’re connected!?! *kicks it*). I wondered if I could do somthing similar with JavaScript and XHTML, because somthing like that should exist. There is a box. you draw in the box with a mouse, or a tablet.
Version one never quite worked, trying to capture the coords off an image map. The coords don’t seem to fit anywhere in the Document Object Model, unless I am mistaken.
Version two was quite slow using divs as pixels, because I was building a DOM with JavaScript.
Version three worked well enough for me that I asked Miru to test it out. She know what she does, which is not coding, whereas I never know what I’m doing, including coding.
I reiterate to her: I AM SO SORRY. These examples should NOT be opened up in Internet Explorer. Only Mozilla Firefox. IE will eat your processor alive. Firefox will actually give you an idea of what I wanted. Safari seems closer to IE in proformance, without the 97% processor load.
These are so inefficient that the links have been removed.
Version 3 tries to generate all the pixel-divs with php, server side. Higher bandwidth.
Version 4 was changing the pixel-divs to document.write(), which saved on bandwith without impacting the browser too much memory-wise.
Version 5 Moved the drawing functionality out of a seperate javascript loop and into the document.write().
The total failure in IE, and lackluster proformance in Firefox, pretty much make this experiment a failure. There isn’t any code to actually share whatever image you come up with (send to server, update from server), no palette, no brushes.
Perhaps in another decade there will be enough power. Or two.
-Sud.
Posted in JavaScript |
June 4th, 2006 at 10:46 pm
LOOK I AM REPLYING YAY.
Your Pixter thing reminded me of etch-n-sketch or something, lol. Giant pixels, hahaha.