Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

demo: placeholder image generator #23

Open
automata opened this issue May 23, 2014 · 6 comments
Open

demo: placeholder image generator #23

automata opened this issue May 23, 2014 · 6 comments

Comments

@automata
Copy link
Member

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

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

@bergie
Copy link
Member

bergie commented Jun 6, 2014

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

@automata
Copy link
Member Author

automata commented Jun 8, 2014

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 automata closed this as completed Jun 8, 2014
@automata automata reopened this Jun 8, 2014
@forresto
Copy link
Member

forresto commented Jun 9, 2014

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.

@automata
Copy link
Member Author

automata commented Jun 9, 2014

👍

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
Copy link
Member Author

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

like4
like3
like2
like1

@automata
Copy link
Member Author

automata commented Jul 1, 2014

Using noflo-geometry:

delaunays

@automata automata mentioned this issue Jul 4, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants