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