We closed this forum 18 June 2010. It has served us well since 2005 as the ALPHA forum did before it from 2002 to 2005. New discussions are ongoing at the new URL http://forum.processing.org. You'll need to sign up and get a new user account. We're sorry about that inconvenience, but we think it's better in the long run. The content on this forum will remain online.
Index › Programming Questions & Help › Syntax Questions › common outline / cartoon smoke
‹ Previous Topic | Next Topic ›
Page Index Toggle Pages: 1
common outline / cartoon smoke (Read 1022 times)
Jack Perkins
common outline / cartoon smoke
May 13th, 2009, 5:37pm  
I'm wondering if anyone has a good write up / guide on how to draw singular outlines around multiple shapes. That is, only drawing a line around the final edge of all the shapes that overlap, and not anywhere on the edges that overlap.

A great example can be seen in the background rectangles / smoke trails of Minubeat http://www.youtube.com/watch?v=XgidfsqlWjk

I can't really get my head around the simple way to do this. Any suggestions? If not, does anyone know what this style of graphics is called?
Back to top
 
WWW europagrinick  
Cedric
Re: common outline / cartoon smoke
Reply #1 - May 13th, 2009, 6:06pm  
maybe you can use the recently added new renderer for processing by katrin lang
http://www.katrinlang.de/npr/index.html

another and simple way would be to draw all the shapes in black and after that all the shapes again in white a bit smaller.
Back to top
 
... twitter.com/CedricKiefer
WWW CedricKiefer 9570393 CedricKiefer  
Cedric
Re: common outline / cartoon smoke
Reply #2 - May 13th, 2009, 6:10pm  
like this :
Code:


void setup(){
  size(600, 400);
  background(255);
  noStroke();
  smooth();
}

void draw(){
  background(255);

  fill(0);
  ellipse(mouseX,mouseY,130,130);
  ellipse(width/2,height/2,130,130);


  fill(255);
  ellipse(mouseX,mouseY,125,125);
  ellipse(width/2,height/2,125,125);

}
Back to top
 
... twitter.com/CedricKiefer
WWW CedricKiefer 9570393 CedricKiefer  
Jack Perkins
Re: common outline / cartoon smoke
Reply #3 - May 13th, 2009, 11:25pm  
Wow, I'm an idiot.

thanks!
Back to top
 
WWW europagrinick  
Thor
Re: common outline / cartoon smoke
Reply #4 - May 14th, 2009, 3:48am  
For 3d you can similarly create the described effect by creating slightly larger black versions of your objects and flipping their normals.
Back to top
 
WWW  
Jack Perkins
Re: common outline / cartoon smoke
Reply #5 - May 14th, 2009, 3:56pm  
Thanks, this is what I came up with:

http://www.youtube.com/watch?v=jr2DZV7jaes
Back to top
 
WWW europagrinick  
PhiLho 
Re: common outline / cartoon smoke
Reply #6 - May 15th, 2009, 1:51am  
The final effect is very nice!
Back to top
 
WWW  
Cedric
Re: common outline / cartoon smoke
Reply #7 - May 15th, 2009, 2:03am  
Yeah, i like it too. Will you add the whole style to your little Shooter you made ?
Back to top
 
... twitter.com/CedricKiefer
WWW CedricKiefer 9570393 CedricKiefer  
Jack Perkins
Re: common outline / cartoon smoke
Reply #8 - May 15th, 2009, 5:10am  
Yeah, I'm really inspired by the cactus games to make a little shmup!

Something with lots of rockets and smoke trails.
Back to top
 
WWW europagrinick  
Cedric
Re: common outline / cartoon smoke
Reply #9 - May 15th, 2009, 5:15am  
thats great. i like these kind of games. alot of  enemies and more end more weapon power!
Back to top
 
... twitter.com/CedricKiefer
WWW CedricKiefer 9570393 CedricKiefer  
Page Index Toggle Pages: 1
‹ Previous Topic | Next Topic ›