'drawz' fxh_t019 is also vanilla javascript template for fxhash


feel free, to use (parts of) it, and learn from the source.
and use it as a start for your own creative projects and adventures

This version has some extra routines you can use;
and a lot of comments in the source


A cleaned up - smaller version; just doing the basic tech screen & window-handeling etc. with just drawing dots can be found here.
(and older and newer updated versions)
https://elout.home.xs4all.nl/drawz/


Mostly I start with a clean template;
then add: copy-paste routines into it. Things I want to use; sprites, text-font, filters, lines, 3D etc.
Like kinda lego blocks. Some routines I re-use for 30 years now.
Although often they have changed over time.


Vanilla javascript - And directly control your rgb buffer
-------------------------------------------------------------------
cons:
- can be overwhelming for starting coders compared to p5js
- you have to write / use and tinker with new drawing routines by yourself.
- still can be optimized a lot, and run much faster
-- (feel free to do that! - release new versions yourself)
- I just coded it in Notepad++ and tested it in a browser.
- I have no experience with git-hub, or those other nifty tools
- I'm more an Artist than a coder, still learning new things as well.
- I have my own 'old' coding style I picked up ages ago, and still use now and then. Started with basic and Z80a as a teenager.
- for sure there are still some stupid bugs, spelling errors in it ^___^

pros:
- fxtemplate - fxpreview when done drawing / splash-screen support on top; while drawing.
- do like 4000 x 4000 images on safari; on an old Iphone 5
- just 1 index.html now - small file size:
- the source of the 'cleaned-up' version is now 34b (not minified, and still comments in the source; can be even smaller)
- direct control of the RGB buffer; every pixel.
- I added some basic routines, like drawing points, lines, squares, sprite-brushes, filters, and my pixel-font
- draw, add-mix or subtract - manipulate every pixel how you wish
- I work with a big off-screen kind of image; a rgb-buffer; so drawing goes 'mucho' faster and render it to a screen-scaled image.
- no other libraries used
----------------------------------------------------------------
Mouse-click switches between:
- screen scaled image
- The large image

- The work will refresh and restart after some time

Save image - with s-key
(includes the fxhash key-seed and num# of the follow-up images)
--- It can take some seconds before the saving happens;
--- the browser has to handle (very) large MB .png files first
--- before it can save them

- splash image support - to hide drawing at start
- redraw the image after a while; or not.
- mouse position check for the bigger image
- fps counter for testing etc.
----------------------------------------------------------------
written in vanilla JavaScript, more info in the source-code


drawz - latest or an updated version can be found at.
https://elout.home.xs4all.nl/drawz/

It would be nice; to include more routines into it
in the future.

And instead of 1 big library with everything in it
I would like to have these templates;
where you can add different little snippets and routines
that you want to use into it, and start playing next.
Still learning new things as well. And getting inspired.

I don't mind people to use the tech-source as a start for their own projects.

But the palette, and composition & structure build-up; is mine.
Don't change just 1 or 2 -things then re-release it.

If you want to release something of your own,
your sketch and generative work; really should look total different!
You can use the technics to draw new things,
but you have to start from scratch again;
choosing points, lines etc. to play with and go from there.
Enjoy!


-for the love of Art and jumping in rain puddles-

'like jimi and guitar' 0__. ^____^


xxx amsterdam chillout

September 29, 2022