noflo-canvas icon indicating copy to clipboard operation
noflo-canvas copied to clipboard

demo: placeholder image generator

Open automata opened this issue 11 years ago • 6 comments
trafficstars

First study for a placeholder image generator using bezier curves only. Some samples:

captura de tela 2014-05-23 as 18 32 47

automata avatar May 23 '14 21:05 automata

@automata looks very nice! We need to be able to store stuff like this as high-res images

bergie avatar Jun 06 '14 00:06 bergie

Thanks @bergie! I guess we can export the canvas as a blob on the runtime.

Now we can use a string as a seed to random numbers, creating the same image for each string (using noflo-seedrandom).

Some examples using bezier curves emerging from figure center:

generative01 generative02 generative03 generative04 generative05

Those ones are more interesting as "paintings", covering the whole canvas without a reference point:

generative06 generative07 generative08

Which approach is more interesting for placeholder images @bergie, @forresto?

automata avatar Jun 08 '14 00:06 automata

The full-screen ones would fit better, I think.

We should experiment with inputting a primary color, and doing transforms on that, or an array of colors.

Maybe a transform-color module would be good, but make-color outputs strings, which makes that more annoying. Otherwise could just take hue + 180 etc.

I guess css string -> HSL(A) object component would be helpful.

forresto avatar Jun 09 '14 07:06 forresto

:+1:

Another points to consider:

  • theme based (e.g. following proper color palettes and shapes)
  • use existing images (e.g. nature) to synthesize a more abstract shape using Delaunay/Voronoi tessellation

automata avatar Jun 09 '14 13:06 automata

More studies (in higher dimension, using node-canvas).

like4 like3 like2 like1

automata avatar Jun 17 '14 15:06 automata

Using noflo-geometry:

delaunays

automata avatar Jul 01 '14 03:07 automata