a journey of a thousand miles begins with a single step
- last sketch default
- fullscreen
- resize and redraw
- lets.go animation lib?
- add color lib
- add animition lib
- add quicksettings lib
- resize and font injection
- check out Haxe import class.... might make the classes somewhat more readable
- refresh page (reinventing the wheel)
- draw vs animation?
- cursor for next/previous
- default nav, description, etc css
- add signals lib ?
- added options: https://github.com/soulwire/sketch.js/wiki/API
- get export to image from
gen-js-art
- save images as
.jpg
for instagram (cmd
+s
) & usecmd
+shift
+s
to save a.png
- key to download canvas as file base64
cmd
+alt
+s
- implement sketchoptions
- add different paper sizes to lib (gen-js-art)
- import json with colors (https://github.com/mattdesl/nice-color-palettes)
- snack bar added to page (see fonk-onepressforhappiness)
- create snackbar that is more subtile
- nav between sketches (css)
- exporting images
- loading colors
- exporting video
- https://github.com/andyli/hxColorToolkit
- https://github.com/fponticelli/thx.color
- check svg classes for color classes
- choose color vs colour
- add controle settings (quick settings)
- get scaling canvas image (A4 -> A0) from
gen-js-art
- loading music
- record state canvas,
- website state
- "hidden" menu
- branding
-
esc
-button to return to normal - check for usefull stuff: https://github.com/soulwire/sketch.js/wiki/API
- get classes from
gen-js-art
- check
gen-js-art
for usefull classes - check
fonk-onepressforhappines
for usefull classes - check
web-drawnumbers
for usefull classes - check
project-monofonts
for usefull classes - http://www.tysoncadenhead.com/blog/exporting-canvas-animation-to-mov/ export video via socket and node/ffmpeg
- different canvas size for exporting video
- add noise
- https://github.com/madhoe/noisehx or https://github.com/memilian/libnoise/ or https://github.com/whuop/hxNoise
- trottle the framerate
- create a
log
function that will hide when isDebug is false
- Barlow Condensed
- Dosis - Medium
Dosis
<link href="https://fonts.googleapis.com/css?family=Dosis:500" rel="stylesheet">
font-family: 'Dosis', sans-serif;
font-family: 'UnifrakturMaguntia', cursive; font-family: 'Press Start 2P', cursive;
'UnifrakturMaguntia' > old skool german 'Press Start 2P' > pixel 8px or 16px
test with fonts
Display
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
font-family: 'Unica One', cursive;
Monospace
<link href="https://fonts.googleapis.com/css?family=Nova+Mono" rel="stylesheet">
font-family: 'Nova Mono', monospace;
stuff I need to look into
- create movie from canvas
- record sound, animation
- convert movie to
.mp4
- specs instagram (mp4, 60seconden, sound, video)
- airdrop to phone
- dropbox
- upload
- how quickly to do this
- RecordRTC (chrome extension)
- kap to record screen
- different way to do this?
Best Times to Post on Instagram
- The best time to post on Instagram is Wednesday at 3 p.m., Thursday at 5 a.m., 11 a.m., and 3 to 4 p.m. and Friday at 5 a.m.
- Thursday is the best day to post to Instagram.
- The safest times to post to Instagram are Tuesday through Friday 9 a.m. to 6 p.m.
- Sunday is the least engaging day for Instagram.
Best Times to Post on Instagram for Tech
- The best time to post on Instagram for tech brands is Wednesday at 10 a.m.
- Thursday is the best day to post to Instagram for tech.
- The safest times to post are generally 10 a.m. to 5 p.m. Wednesday to Friday.
- Sunday is the least engaged day of the week for tech.
https://dustn.tv/instagram-sizes/
The standard square image on Instagram remains to be shown at a maximum of 600×600 pixels.
https://colorlib.com/wp/size-of-the-instagram-picture/
- Square Image: 1080px in width by 1080px in height
- Vertical Image: 1080px in width by 1350px in height
- Horizontal Image: 1080px in width by 566px in height
https://louisem.com/37587/whats-the-best-instagram-image-size
The optimal sizes are 1080 pixels wide by 566 pixels to 1350 pixels high.
sketch.cc0009 :: stars
#codeart #coding #creativecode #generative #generativeArt
#minimalism #minimalist #minimal
#haxe #javascript #js
creative code
#codeart #coding #creativecode #generative #generativeArt
#minimalism #minimalist #minimal #blackandwhite
#vj #visuals #visualcollective
#haxe #nodejs #javascript #js
#amsterdam
#sound #soundcloud #soundreactive
#techno