Opacity and Transparency

If you have a design you're proud of, share the cfdg file here. It's also a good place to ask for feedback and collaborate.

Moderators: MtnViewJohn, chris, mtnviewmark

Post Reply
User avatar
lagroue
Posts: 114
Joined: Wed Jul 06, 2005 11:33 pm
Location: Paris, France
Contact:

Opacity and Transparency

Post by lagroue »

The right flower is filled with thick, soft grey, lines : the freshest ones hide those below, it's the opaque mode we're used to.

The left one is filled with dark but very thin lines : overlapping creates transparency of soft greys. Not actual transparency - a pile of thin fabric sheets gives a better idea.

Think the technique is worse sharing

Image

Code: Select all

startshape scene

rule scene {
	leafTransparent [ s 1 4 x 0.5 ]
	leafTransparent [ r 90 s 1 4 x 0.5 ]
	leafTransparent [ r 180 s 1 4 x 0.5 ]
	leafTransparent [ r 270 s 1 4 x 0.5 ]

	leafOpaque [ x 2.1 s 1 4 x 0.5 ]
	leafOpaque [ x 2.1 r 90 s 1 4 x 0.5 ]
	leafOpaque [ x 2.1 r 180 s 1 4 x 0.5 ]
	leafOpaque [ x 2.1 r 270 s 1 4 x 0.5 ]
}

rule leafTransparent {
	// dark
	_leafTransparent { x -0.5 b 0.4 }
	_leafTransparent { x -0.5 flip 0 b 0.6 }
}
rule _leafTransparent {
	# thin fill
	SQUARE { x 0.5 s 1 0.0001 }

	CIRCLE { x 1 s 0.01 b -1 }	# border
	_leafTransparent { x -0.00001 r 0.02 s .999}
}

rule leafOpaque {
	// light
	_leafOpaque { x -0.5 b 0.8 }
	_leafOpaque { x -0.5 flip 0 b 0.9 }
}
rule _leafOpaque {
	# thick fill
	SQUARE { x 0.5 s 1 0.001 }

	CIRCLE { x 1 s 0.01 b -1 }	# border
	_leafOpaque { x -0.00001 r 0.02 s .999}
}

User avatar
vapocalypse
Posts: 7
Joined: Tue Jul 19, 2005 8:41 am
Location: Amsterdam

Lotus Flower

Post by vapocalypse »

Here is a slight variation of your code, wich really looks cool:

Code: Select all

startshape lotus

rule lotus {
   leafTransparent [ s 1 1 x 0.5 ]
   leafTransparent [ r 15 s 1 1 x 0.5 ]
   leafTransparent [ r 30 s 1 1 x 0.5 ]
   leafTransparent [ r 45 s 1 1 x 0.5 ]
   leafTransparent [ r 60 s 1 1 x 0.5 ]
   leafTransparent [ r 75 s 1 1 x 0.5 ]
   leafTransparent [ r 90 s 1 1 x 0.5 ]
   leafTransparent [ r 105 s 1 1 x 0.5 ]
   leafTransparent [ r 120 s 1 1 x 0.5 ]
   leafTransparent [ r 135 s 1 1 x 0.5 ]
   leafTransparent [ r 150 s 1 1 x 0.5 ]
   leafTransparent [ r 165 s 1 1 x 0.5 ]
   leafTransparent [ r 180 s 1 1 x 0.5 ]
   leafTransparent [ r 195 s 1 1 x 0.5 ]
   leafTransparent [ r 210 s 1 1 x 0.5 ]
   leafTransparent [ r 225 s 1 1 x 0.5 ]
   leafTransparent [ r 240 s 1 1 x 0.5 ]
   leafTransparent [ r 255 s 1 1 x 0.5 ]
   leafTransparent [ r 270 s 1 1 x 0.5 ]
   leafTransparent [ r 285 s 1 1 x 0.5 ]
   leafTransparent [ r 300 s 1 1 x 0.5 ]
   leafTransparent [ r 315 s 1 1 x 0.5 ]
   leafTransparent [ r 330 s 1 1 x 0.5 ]
   leafTransparent [ r 345 s 1 1 x 0.5 ]
}

rule leafTransparent {
   _leafTransparent { x -0.5 b 0.2 }
   _leafTransparent { x -0.5 flip 0 b 0.4 }
}

rule _leafTransparent {
   TRIANGLE { x 0.5 s 1 0.0001 }

   CIRCLE { x 1 s 0.01 b -1 }
   _leafTransparent { x -0.00001 r 0.02 s .999 b 0.01}
}
It looks like a Lotus flower. I really enjoyed the intereference between the petals.

Post Reply