Set colour to no colour -- isolating styles ofPushStyle() and ofPopStyle()

beginners
#1

How to set ofsetcolour() to no colour?

#2

There is no way to set “no color”, but you could make the current color transparent.

ofSetColor(ofColor(0, 0, 0, 0)); // red: 0, green: 0, blue: 0, alpha: 0
#3

Does this also make a background image transparent?

#4

You can “tint” (i.e. like tint() in Processing) an image in processing by calling ofSetColor(...) before calling img.draw(...).

Screenshot_10_10_19__10_03_AM
Screenshot_10_10_19__10_03_AM.png728Ă—830 79.2 KB 

void ofApp::draw()
{
    ofSetColor(255);
    img.draw(0, 0);

    ofSetColor(255, 127);
    img.draw(100, 100);

    ofSetColor(255, 0);
    img.draw(200, 200);

}
#5

I have a background canvas image that I dont want to get affected by ofsetcolor. How do i manage that?

#6

You can explicitly set color each time before you draw your background image …

void ofApp::draw()
{   
    // Draw background image.
    ofSetColor(255);
    backgroundImage.draw(0, 0);

    // Draw whatever else.
    ofSetColor(255, 127);
    img.draw(100, 100);

    ofSetColor(255, 0);
    img.draw(200, 200);

}

or you can use ofPushStyle() / ofPopStyle() to isolate your styles.

1 Like
#7

Thank you! ofPushStyle() / ofPopStyle() did the trick!

1 Like