Recitation 5: Draw with Processing by ChangZhen from Inmi’s Session

I choose the logo of Sibelius because of its moderate difficulty. The original seems to be made up of primitive shapes, but carefully observing, we notice that they have different colors so we’ll draw them separately, and the clef has upper and lower layers so we’ll beware of the codes’ order.

  • Fill in spectrum with colorMode() and for(){}
  • Usage of bezier (starting point, control pt, ctrl pt, pending pt), curve doesn’t cross ctrl pt which instead pulls the curve toward itself.
  • Usage of arc where the angle is radian rotating clockwise from positive x axis.
  • Some colors vary 0~100, some 0~255, opacity 0~100. Lighter colors as bigger values.

Leave a Reply