How can I click mouse 1 time to created one circle?

beginners
#1

If I want to when I click one time mouse, then create one circle on my screen, when I click one more time, then create another circle on the screen?

Looking forward your solution!
Thanks very much!

#2

Hello JingShe.
You could do it in two ways:

  1. drawing your circles in an FBO
  2. drawing a vector of circles, where each click push a new instance of a Circle class into a vector of circles.

If you are just getting started probably it is easier the FBO approach. I did something similar recently, this is the code

in your header file:

#pragma once

#include "ofMain.h"

class ofApp : public ofBaseApp{

public:
    void setup();
    void update();
    void draw();

    void keyPressed(int key);
    void keyReleased(int key);
    void mouseMoved(int x, int y );
    void mouseDragged(int x, int y, int button);
    void mousePressed(int x, int y, int button);
    void mouseReleased(int x, int y, int button);
    void mouseEntered(int x, int y);
    void mouseExited(int x, int y);
    void windowResized(int w, int h);
    void dragEvent(ofDragInfo dragInfo);
    void gotMessage(ofMessage msg);
    ofColor pickColor();
    void drawCircle();

    glm::vec2 center;
    glm::vec2 toCenter;
    bool drawing = false;
    ofFbo fbo;
    float resolution = 200;
    bool fill = true;	
};

this is the ofApp.cpp

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup(){
    ofSetBackgroundColor(255, 255, 255);
    // antialiasing and FBOs on mac
    // https://forum.openframeworks.cc/t/anti-aliasing-in-osx-not-working/15901/5
    fbo.allocate(ofGetWidth(), ofGetHeight(), GL_RGBA, 8);
    fbo.begin();
    ofClear(255, 255, 255, 0);
    fbo.end();
}

//--------------------------------------------------------------
void ofApp::update(){

}

//--------------------------------------------------------------
void ofApp::draw(){
    if (ofGetElapsedTimef() < 5) {
        ofDrawBitmapString("click and drag to draw circles", 10, 20);
    }

    fbo.draw(0,0);

    // draw what the user is drawing
    if (drawing) {
        drawCircle();
    }
}

//--------------------------------------------------------------
void ofApp::keyPressed(int key){
    if (key == 'c') {
        fbo.begin();
        ofClear(255, 255, 255, 0);
        fbo.end();
    }

    if (key == 'f') {
        fill = !fill;
    }
}

//--------------------------------------------------------------
void ofApp::keyReleased(int key){

}

//--------------------------------------------------------------
void ofApp::mouseMoved(int x, int y ){

}

//--------------------------------------------------------------
void ofApp::mouseDragged(int x, int y, int button){
    toCenter = glm::vec2(x,y);
}

//--------------------------------------------------------------
void ofApp::mousePressed(int x, int y, int button){
    drawing = true;
    toCenter = glm::vec2(x,y);
    center = glm::vec2(x,y);
}

//--------------------------------------------------------------
void ofApp::mouseReleased(int x, int y, int button){
    fbo.begin();
    drawCircle();
    fbo.end();
    drawing = false;
}

ofColor ofApp::pickColor(){
    int saturation = 255;
    int brightness = 255;
    int alpha = 200;
    float sinOfTime = sin(ofGetElapsedTimef() * 0.5);
    float hue = ofMap(sinOfTime, -1, 1, 0, 255);
    ofColor c = ofColor::fromHsb(hue, saturation, brightness);
    c.a = alpha;
    return c;
}

void ofApp::drawCircle(){
    ofPushStyle();
    auto c = pickColor();
    ofSetColor(c);
    ofSetCircleResolution(resolution);
    if (!fill) {
        ofSetLineWidth(ofMap(sin(ofGetElapsedTimef() * 2.0), -1, 1, 1, 10));
        ofNoFill();
    }
    ofDrawCircle(center, glm::distance(center, toCenter));
    ofPopStyle();
}

//--------------------------------------------------------------
void ofApp::mouseEntered(int x, int y){

}

//--------------------------------------------------------------
void ofApp::mouseExited(int x, int y){

}

//--------------------------------------------------------------
void ofApp::windowResized(int w, int h){

}

//--------------------------------------------------------------
void ofApp::gotMessage(ofMessage msg){

}

//--------------------------------------------------------------
void ofApp::dragEvent(ofDragInfo dragInfo){ 

}
1 Like