[ Video ]
[ About ]
以前、作成したofFboのデータを加工する手法に、OpenCVを加え、画像処理を組み込めるようにしました。ofFboへ描写した内容にOpenCVでグレースケール&ぼかしを加え、結果と元のofFboと組み合わせて描写しています。
ofFboは透過度を持っているので、重ねて描写出来るという事が新しい発見でした。
[ Source ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
#pragma once #include "ofMain.h" #include "opencv2/opencv.hpp" 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 windowResized(int w, int h) {}; void dragEvent(ofDragInfo dragInfo) {}; void gotMessage(ofMessage msg) {}; ofFbo fbo; ofPixels pixels; cv::Mat pixels_mat; }; |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
#include "ofApp.h" //-------------------------------------------------------------- void ofApp::setup() { ofSetFrameRate(60); ofBackground(239); ofSetWindowTitle("Insta"); this->fbo.allocate(ofGetWidth() + 25, ofGetHeight() + 25); this->fbo.readToPixels(this->pixels); // Link pixels And pixels_mat this->pixels_mat = cv::Mat(this->pixels.getHeight(), this->pixels.getWidth(), CV_8UC4, this->pixels.getData()); } //-------------------------------------------------------------- void ofApp::update() { ofSeedRandom(39); this->fbo.begin(); ofClear(0); ofTranslate(this->fbo.getWidth() / 2, this->fbo.getHeight() / 2); ofFill(); // Draw Small Object ofSetColor(200, 39, 39); int radius = 150; ofBeginShape(); for (int deg = 0; deg <= 360; deg += 1) { ofPoint point(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)); float noise_value = ofMap(ofNoise(point.x * 0.005, point.y * 0.005, ofGetFrameNum() * 0.005), 0, 1, 0.5, 1); ofVertex(point * noise_value); } ofNextContour(); radius *= 0.5; for (int deg = 0; deg <= 360; deg += 1) { ofPoint point(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)); float noise_value = ofMap(ofNoise(point.x * 0.005, point.y * 0.005, ofGetFrameNum() * 0.005), 0, 1, 0.5, 1); ofVertex(point * noise_value); } ofEndShape(true); // Draw Big Object ofSetColor(39, 39, 200); radius = 350; ofBeginShape(); for (int deg = 0; deg <= 360; deg += 1) { ofPoint point(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)); float noise_value = ofMap(ofNoise(point.x * 0.005, point.y * 0.005, ofGetFrameNum() * 0.001), 0, 1, 0.5, 1.0); ofVertex(point * noise_value); } ofNextContour(); for (int deg = 0; deg <= 360; deg += 1) { ofPoint point(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)); float noise_value = ofMap(ofNoise(point.x * 0.005, point.y * 0.005, ofGetFrameNum() * 0.001), 0, 1, 0.5, 1.0); ofVertex(point * noise_value * 0.95); } ofEndShape(true); this->fbo.end(); // Copy Fbo To pixels this->fbo.readToPixels(this->pixels); // Gray cv::Mat gray_mat; cv::cvtColor(this->pixels_mat, gray_mat, cv::COLOR_RGBA2GRAY); for (int y = 0; y < this->pixels_mat.cols; y++) { for (int x = 0; x < this->pixels_mat.rows; x++) { if (gray_mat.at<unsigned char>(y, x) > 0) { this->pixels_mat.at<cv::Vec4b>(y, x) = cv::Vec4b(gray_mat.at<unsigned char>(y, x), gray_mat.at<unsigned char>(y, x), gray_mat.at<unsigned char>(y, x), this->pixels_mat.at<cv::Vec4b>(y, x)[3]); } } } // Blur Process cv::GaussianBlur(this->pixels_mat, this->pixels_mat, cv::Size(19, 19), 10, 10); } //-------------------------------------------------------------- void ofApp::draw() { // Draw Shadow ofSetColor(255, 192); ofImage draw_image; draw_image.setFromPixels(this->pixels); draw_image.draw(-5, -5); // Draw Fbo Image ofSetColor(255); this->fbo.draw(-25, -25); } //-------------------------------------------------------------- int main() { ofSetupOpenGL(720, 720, OF_WINDOW); ofRunApp(new ofApp()); } |