Loading...
Processing Forum
Recent Topics
All Forums
Move this topic
Forum :
Share your Work
Programming Questions
Core Library Questions
Contributed Library Questions
Android Processing
Processing with Other Languages
Integration and Hardware
Library and Tool Development
Events and Opportunities
General Discussion
Sub forum :
Move this topic
Cancel
General Discussion
Other
kles4enko..
How can i create image like this ?
in
General Discussion
•
Other
•
2 months ago
subj:
Do you know best practice or any
techniques ?
Thanks!
1
Replies(10)
amnon.owed
Re: How can i create image like this ?
2 months ago
The basic technique behind these kind of drawings is:
Single moving semi-transparent line
Aggregate drawing (aka no background call)
Below is a basic example of this technique. Obviously it can be much further tweaked.
Code Example
int numPoints = 5;
float x, speed = 0.05;
void setup() {
size(1200, 400);
background(0);
frameRate(2000);
noFill();
stroke(255, 5);
}
void draw() {
float fc1 = frameCount*0.0005;
float fc2 = frameCount*0.001;
if (x<0) { speed = abs(speed); }
if (x>width) { speed = -abs(speed); }
x += speed;
beginShape();
curveVertex(x, 0);
for (int i=0; i<numPoints; i++) {
float xp = x+sin(i+fc2)*100;
float yp = noise(i+fc1)*height;
curveVertex(xp, yp);
}
curveVertex(x, height);
endShape();
}
kles4enko..
Re: Re: How can i create image like this ?
2 months ago
Wow, it was so easy. I'll play in this way... Thanks!
What you think about this:
gmalon
Re: Re: How can i create image like this ?
1 month ago
Hi guys!
Really interesting topic. I was wondering how is it possible to use this kind of drawing starting with a "predefined" path.
For example this kind of effect:
Any ideas?
Thanks in advance!
Leave a comment on amnon.owed's reply
Chrisir
Re: How can i create image like this ?
2 months ago
guys, you are amazing!
kles4enko.andrey, can you post your code too plz?
Greetings, Chrisir
kles4enko..
Re: Re: How can i create image like this ?
2 months ago
Chrisir,
unfortunately, i've only pictures...
This images create guys from Sony Mobile Communication
Leave a comment on Chrisir's reply
dimkir
Re: How can i create image like this ?
2 months ago
@Chrisir, @kles4enko
if you're into this kind of generated art images then this book would be of an interest for you. it explains how to make thouse things.
http://www.manning.com/pearson/
And some sample chapters with code
http://www.manning.com/pearson/GenArt-Sample-Chapter-6.pdf
Leave a comment on dimkir's reply
kooogy
Re: How can i create image like this ?
2 months ago
my attempt, reusing some old bezier curve code i had lying around:
http://www.flickr.com/photos/31962137@N00/9485739654/
thanks amnon.owned 8)
Leave a comment on kooogy's reply
dimkir
Re: How can i create image like this ?
2 months ago
@amnon
thank you for the code.
I also added colors and put it to sketchpad:
http://studio.sketchpad.cc/sp/pad/view/xBKzyl1ekD/latest
here's result
UPDATE:
I also tried to render lines into transparent PGraphics so that it is possible to put some image or animation underneath, it kinda works except that color is always black... some kind of problem converting between HSB and RGB ....
Here's the code:
http://studio.sketchpad.cc/sp/pad/view/tChRceXYQU/latest
Leave a comment on dimkir's reply
dimkir
Re: How can i create image like this ?
2 months ago
And just by chance stumbled upon this tool:
http://www.escapemotions.com/experiments/flame/index.php
which can be used for creation of such images.
If you play around with it, it gives pretty good understanding of how to create those lines and effect in WYSIWYG style.
ps. when running as Applet it will scare you with warnings.
kles4enko..
Re: Re: How can i create image like this ?
2 months ago
Oh, thanks!
Leave a comment on dimkir's reply
Change topic type
Topic Type :
Discussions
Questions
No of days :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Change topic type
Cancel
Link this topic
Provide the permalink of a topic that is related to this topic
Permalink
Save
Close
Reply to kles4enko.andrey's question
Top
Reply
{"z27906428":[25080000002380295,25080000002389183,25080000002389201],"z4290323":[25080000002379209],"z4102734":[25080000002383057],"z4102052":[25080000002386323],"z4839951":[25080000002380268,25080000002380279,25080000002380291,25080000002394009],"z29434661":[25080000002576009]}
Statistics
10
Replies
643
Views
2
Followers
Tags
Cancel
generative
Actions
Permalink
Related Posts
Project guidance: processing + ardu...
Definitive method to sync audio/vid...
constrain in a custom shape?
generating shapes
Identifying white pixels.