comtemplate version.01 - a fxhash vanilla javascript template


RGB pixel-buffer drawing and manipulation
Make some rules, then watch the chaos and beauty

The current drawing is also like a seamless texture - pattern

This template is also a start for a new upcoming article
-WIP- check my fxhash-articles for new updates and coding tips

The ----tech--- stuff
do: opening windows, resizing, fps-counter, mouse, touch and keyboard checking etc.
You can learn from it, or just ignore as a starter

Because we are going to !!!draw some stuff!!!
______________pixels in all colors________________
___paint / bomb some great colors to the screen___


'Painting with Random'
we going to start to draw from scratch,
just a clean template; no variations yet.
1024 lines - 30kb - 10kb zipped

then evolve with new techniques and tricks



The template includes:

- Just 1 index.html (with just everything inside)
- do like 4096x4096 pixel size drawings - that also works on old phones etc.
- a nice funky favicon
- some stylin' css
- all that tech stuff: scaling those windows, check mouse, etc.
- different screen ratios

- mouse-click: - zoom in/out ; mouse/touch look
- s-key: save image
- f-key: fps and rgb info
- p-key: switch palette - random or from stored data

- some royalties and donations - give some love to good people, and the world

You can use this template, as a start to make your own drawings
- use the tech part
- the creative part and drawing you should do yourself!

---the bottom of the script---
that's the place - where the drawing starts 0__. -_________- ^____^


But hey, where is draw circle, draw line?!?!
- we going to code these things ourselves; soon.
All fine-tuned and full of crispy bits: till they 'look'n good'

But svg, X or Y is much better!
- Sure. we also can make some rgb pixel drawing - then convert it to .svg next etc.

Myself I like vanilla javascript for creative coding
- The code I can port to other platforms!
- Although: I got a certain programming technique, I use and learned from way-back
- there are different ways to do things better, optimize, make them faster

xxx amsterdam chillout