プログラミング de 落描き – ページ 819 – クリエイティブ・コーディングによる生成物とソース

2018年3月6日2018年3月5日

ねじれC openFrameworks

[ Video ]

[ About ]
半円をたくさん書いて、その角度が中心の円に追随するようにしてみました。角度の計算の仕方はいつも通り、Noise関数にフレーム数を含ませてステップしています。

[ Source ]

#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) {};
};

#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) {};

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(239);
	ofSetWindowTitle("Insta");

	ofNoFill();
	ofSetLineWidth(5);
	ofSetColor(39);
}

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

}

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

	ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

	float radius = 30;
	for (int i = 0; i < 50; i++) {

		float noise_value = ofNoise(i * 0.05 - ofGetFrameNum() * 0.005);
		radius += 10;

		ofPushMatrix();
		ofRotate(noise_value * 720);

		ofBeginShape();
		for (int deg = 0; deg <= 180; deg += 1) {

			float x = radius * cos(deg * DEG_TO_RAD);
			float y = radius * sin(deg * DEG_TO_RAD);

			ofVertex(x, y);
		}
		ofEndShape();

		ofPopMatrix();
	}
}

//--------------------------------------------------------------
int main() {

	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

//--------------------------------------------------------------

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofNoFill();

ofSetLineWidth(5);

ofSetColor(39);

}

//--------------------------------------------------------------

void ofApp::update() {

}

//--------------------------------------------------------------

void ofApp::draw() {

ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

float radius = 30;

for (int i = 0; i < 50; i++) {

float noise_value = ofNoise(i * 0.05 - ofGetFrameNum() * 0.005);

radius += 10;

ofPushMatrix();

ofRotate(noise_value * 720);

ofBeginShape();

for (int deg = 0; deg <= 180; deg += 1) {

float x = radius * cos(deg * DEG_TO_RAD);

float y = radius * sin(deg * DEG_TO_RAD);

ofVertex(x, y);

}

ofEndShape();

ofPopMatrix();

}

//--------------------------------------------------------------

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/Insta20180305

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年3月5日2018年3月4日

再帰の円(最小円だけ描写) openFrameworks

[ Video ]

[ About ]
Instagramのアカウントへ最小の円以外を消すことはできますか？とコメントを頂いたのでやってみました。もともと、再帰の繰り返しだったので、もともとあったif文にelse句を追加するだけでOKでした。

[ Source ]

#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) {};

	ofEasyCam cam;

	void drawCircle(int level, ofPoint point, float radius);
};

#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) {};

ofEasyCam cam;

void drawCircle(int level, ofPoint point, float radius);

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(230);
	ofSetWindowTitle("Insta");

	ofSetColor(39);
	//ofNoFill();
}

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

}

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

	this->drawCircle(2, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4), ofGetWidth() / 4);
	this->drawCircle(3, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4), ofGetWidth() / 4);
	this->drawCircle(4, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4 * 3), ofGetWidth() / 4);
	this->drawCircle(5, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4 * 3), ofGetWidth() / 4);
}

//--------------------------------------------------------------
void ofApp::drawCircle(int level, ofPoint point, float radius) {

	if (level > 0) {

		float deg = ofGetFrameNum() * (6 - level);
		ofPoint point_1 = ofPoint(point.x + (radius / 2) * cos(deg * DEG_TO_RAD), point.y + (radius / 2) * sin(deg * DEG_TO_RAD));
		ofPoint point_2 = ofPoint(point.x - (radius / 2) * cos(deg * DEG_TO_RAD), point.y - (radius / 2) * sin(deg * DEG_TO_RAD));

		this->drawCircle(level - 1, point_1, radius / 2);
		this->drawCircle(level - 1, point_2, radius / 2);
	} else {

		ofPushMatrix();
		ofTranslate(point);

		ofBeginShape();
		for (int deg = 0; deg <= 360; deg += 1) {

			float x = radius * cos(deg * DEG_TO_RAD);
			float y = radius * sin(deg * DEG_TO_RAD);

			ofVertex(x, y);
		}
		ofEndShape();

		ofPopMatrix();
	}
}

//--------------------------------------------------------------
int main() {

	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

//--------------------------------------------------------------

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(230);

ofSetWindowTitle("Insta");

ofSetColor(39);

//ofNoFill();

}

//--------------------------------------------------------------

void ofApp::update() {

}

//--------------------------------------------------------------

void ofApp::draw() {

this->drawCircle(2, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4), ofGetWidth() / 4);

this->drawCircle(3, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4), ofGetWidth() / 4);

this->drawCircle(4, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4 * 3), ofGetWidth() / 4);

this->drawCircle(5, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4 * 3), ofGetWidth() / 4);

}

//--------------------------------------------------------------

void ofApp::drawCircle(int level, ofPoint point, float radius) {

if (level > 0) {

float deg = ofGetFrameNum() * (6 - level);

ofPoint point_1 = ofPoint(point.x + (radius / 2) * cos(deg * DEG_TO_RAD), point.y + (radius / 2) * sin(deg * DEG_TO_RAD));

ofPoint point_2 = ofPoint(point.x - (radius / 2) * cos(deg * DEG_TO_RAD), point.y - (radius / 2) * sin(deg * DEG_TO_RAD));

this->drawCircle(level - 1, point_1, radius / 2);

this->drawCircle(level - 1, point_2, radius / 2);

} else {

ofPushMatrix();

ofTranslate(point);

ofBeginShape();

for (int deg = 0; deg <= 360; deg += 1) {

float x = radius * cos(deg * DEG_TO_RAD);

float y = radius * sin(deg * DEG_TO_RAD);

ofVertex(x, y);

}

ofEndShape();

ofPopMatrix();

}

//--------------------------------------------------------------

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/Insta20180304

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年3月4日2018年3月3日

背景差分で透明人間 openFrameworks OpenCV

[ Video ]

[ About ]
Twitterから拝見したBlogを参考に、OpenCV3.4.1のインストールと背景差分を使ってみました。

OpenCV 3.4.1で背景差分
http://whoopsidaisies.hatenablog.com/entry/2018/03/01/130000

背景ではないと判断されたピクセルデータを事前に保存した画像データの値と入れ替えることによって、一部だけ透明人間になれました。本当は、もうちょっと違う使い方を考えていたのですが、Surfaceのフロントカメラで撮影をしていると、明るさの変化で画質調整が入るようで、色味が変わってしまい画面全体が差分扱いになることが多く、上手く行きませんでした。

フリーの動画素材で背景差分に向いているのを探さないといけなさそう。

[ Source ]

#include "ofMain.h"
#include "opencv2/opencv.hpp"
#include "opencv2/core/utility.hpp"
#include "opencv2/bgsegm.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 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) {};

	cv::VideoCapture cap;
	cv::Size cap_size;

	cv::Ptr<cv::BackgroundSubtractor> bgfs;

	cv::Mat frame;
	cv::Mat save_frame;
	ofImage image;
};

#include "ofMain.h"

#include "opencv2/opencv.hpp"

#include "opencv2/core/utility.hpp"

#include "opencv2/bgsegm.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 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) {};

cv::VideoCapture cap;

cv::Size cap_size;

cv::Ptr<cv::BackgroundSubtractor> bgfs;

cv::Mat frame;

cv::Mat save_frame;

ofImage image;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofBackground(0);
	ofSetWindowTitle("Insta");

	this->cap.open(1);
	this->cap_size = cv::Size(1280, 720);

	this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame = cv::Mat(this->image.getHeight(), this->image.getWidth(), CV_MAKETYPE(CV_8UC3, this->image.getPixels().getNumChannels()), this->image.getPixels().getData(), 0);

	this->bgfs = cv::createBackgroundSubtractorKNN();
}

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

	cv::Mat src, fgmask;
	this->cap >> src;
	if (src.empty()){

		return;
	}

	cv::resize(src, this->frame, cv::Size(1280, 720));
	cv::cvtColor(this->frame, this->frame, CV_BGR2RGB);
	cv::flip(this->frame, this->frame, 1);

	if (this->save_frame.empty()) {
		this->frame.copyTo(this->save_frame);
	}

	this->bgfs->apply(this->frame, fgmask, 0.5);

	for (int x = 0; x < this->frame.cols; x++) {

		for (int y = 0; y < this->frame.rows; y++) {

			unsigned char* value = &fgmask.at<unsigned char>(y, x);
			if (*value > 0) {

				this->frame.at<cv::Vec3b>(y, x) = this->save_frame.at<cv::Vec3b>(y, x);
			}
		}
	}

	this->image.update();
}

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

	this->image.draw(0, 0);
}


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

	if (key = 's') {

		this->frame.copyTo(this->save_frame);
	}
}

//--------------------------------------------------------------
int main() {

	ofSetupOpenGL(1280, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

//--------------------------------------------------------------

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(0);

ofSetWindowTitle("Insta");

this->cap.open(1);

this->cap_size = cv::Size(1280, 720);

this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

this->frame = cv::Mat(this->image.getHeight(), this->image.getWidth(), CV_MAKETYPE(CV_8UC3, this->image.getPixels().getNumChannels()), this->image.getPixels().getData(), 0);

this->bgfs = cv::createBackgroundSubtractorKNN();

}

//--------------------------------------------------------------

void ofApp::update() {

cv::Mat src, fgmask;

this->cap >> src;

if (src.empty()){

return;

}

cv::resize(src, this->frame, cv::Size(1280, 720));

cv::cvtColor(this->frame, this->frame, CV_BGR2RGB);

cv::flip(this->frame, this->frame, 1);

if (this->save_frame.empty()) {

this->frame.copyTo(this->save_frame);

}

this->bgfs->apply(this->frame, fgmask, 0.5);

for (int x = 0; x < this->frame.cols; x++) {

for (int y = 0; y < this->frame.rows; y++) {

unsigned char* value = &fgmask.at<unsigned char>(y, x);

if (*value > 0) {

this->frame.at<cv::Vec3b>(y, x) = this->save_frame.at<cv::Vec3b>(y, x);

}

this->image.update();

}

//--------------------------------------------------------------

void ofApp::draw() {

this->image.draw(0, 0);

}

//--------------------------------------------------------------

void ofApp::keyPressed(int key){

if (key = 's') {

this->frame.copyTo(this->save_frame);

}

//--------------------------------------------------------------

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/Insta20180303

[ほしいものリスト]
Amazon

[ Sponsor Link ]

月	火	水	木	金	土	日
				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