junkiyoshi – ページ 849 – プログラミング de 落描き

2018年2月5日2018年2月4日

Noiseを使った渦　openFrameworks

[ Video ]

[ About ]
Noise関数で360度に円を配置しています。ノイズ関数の引数はRadius + FrameNumなので伝播していきます。

[ Source ]

#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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofEasyCam cam;
};

#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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

};

#include "ofApp.h"

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

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

}

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

}

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

	this->cam.begin();

	float radius_span = 15;
	for (float radius = radius_span; radius < ofGetWidth() / 2; radius += radius_span) {

		ofColor color;
		color.setHsb(ofMap(radius, radius_span, ofGetWidth() / 2, 0, 255), 255, 255);
		ofSetColor(color);

		float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.001) * 360;
		float x = radius * cos(noise_value);
		float y = radius * sin(noise_value);

		ofDrawCircle(x, y, 15);
	}


	this->cam.end();
}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(0);

ofSetWindowTitle("Insta");

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

float radius_span = 15;

for (float radius = radius_span; radius < ofGetWidth() / 2; radius += radius_span) {

ofColor color;

color.setHsb(ofMap(radius, radius_span, ofGetWidth() / 2, 0, 255), 255, 255);

ofSetColor(color);

float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.001) * 360;

float x = radius * cos(noise_value);

float y = radius * sin(noise_value);

ofDrawCircle(x, y, 15);

}

this->cam.end();

}

//========================================================================

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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

動画のフレーム差分でParticleを生成 openFrameworks OpenCV ofxBox2d

[ Video ]

[ About ]
昨日のWebカメラを動画データに置き換えました。重かったので、書き出した画像をつなげて動画にしてあります。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofFbo.h"

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

	ofFbo fbo;
	ofPixels pixels;
	ofImage save_image;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circles;
	vector<float> circles_life;
	vector<ofColor> circles_color;
	
	cv::VideoCapture cap;
	ofVec2f cap_size;
	cv::Mat pre_frame;
	cv::Mat frame;
	ofImage image;
};

#pragma once

#include "ofMain.h"

#include "ofFbo.h"

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

ofFbo fbo;

ofPixels pixels;

ofImage save_image;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circles;

vector<float> circles_life;

vector<ofColor> circles_color;

cv::VideoCapture cap;

ofVec2f cap_size;

cv::Mat pre_frame;

cv::Mat frame;

ofImage image;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {
	ofSetFrameRate(25);
	ofBackground(0);
	ofSetWindowTitle("Insta");

	this->box2d.init();
	this->box2d.setGravity(0, 50);
	this->box2d.createBounds();
	this->box2d.setFPS(25);
	//this->box2d.registerGrabbing();

	this->cap.open("city3.mp4");
	this->cap_size = ofVec2f(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));
	this->cap_size *= 0.33;

	this->image.allocate(this->cap_size.x, this->cap_size.y, 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->fbo.allocate(ofGetWidth(), ofGetHeight());
}

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

	cv::Mat src;
	this->cap >> src;
	
	if (src.empty()) {
		return;
	}

	cv::flip(src, src, 1);
	cv::cvtColor(src, src, cv::COLOR_BGR2RGB);
	cv::resize(src, this->frame, cv::Size(this->cap_size.x, this->cap_size.y));

	float span = 10;
	if(ofGetFrameNum() > 10) {

		cv::Mat gap = this->pre_frame - this->frame;
		vector<ofVec2f> gap_points;

		for (int y = 0; y < gap.rows; y += span) {

			cv::Vec3b* value = gap.ptr<cv::Vec3b>(y, 0);
			for (int x = 0; x < gap.cols; x += span) {

				cv::Vec3b v = value[x];
				if ((v[0] + v[1] + v[2]) > 32) {
					 
					shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);
					circle.get()->setPhysics(3.0, 0.5, 0.1);
					circle.get()->setup(this->box2d.getWorld(), x + ofGetWidth() / 2 - this->image.getWidth() / 2 + ofRandom(-span / 2, span / 2), y + 30 + ofRandom(-span / 2, span / 2), span / 4);
					this->circles.push_back(circle);

					this->circles_life.push_back(255);

					ofColor c;
					c.setHsb(ofRandom(255), 220, 220);
					this->circles_color.push_back(c);

				}
			}
		}
	}
	this->frame.copyTo(this->pre_frame);
	this->image.update();

	this->fbo.begin();
	ofClear(0);
	ofBackground(0);

	ofSetColor(255);
	this->image.draw(ofGetWidth() / 2 - this->image.getWidth() / 2, 30);

	for (int i = this->circles.size() - 1; i >= 0; i--) {
		
		this->circles_life[i] -= 8;
		if (this->circles_life[i] < 0) {

			this->circles[i].get()->destroy();
			this->circles.erase(this->circles.begin() + i);
			this->circles_life.erase(this->circles_life.begin() + i);
			this->circles_color.erase(this->circles_color.begin() + i);
		}
		else {

			ofSetColor(this->circles_color[i], this->circles_life[i] + 128);
			ofDrawCircle(this->circles[i].get()->getPosition(), this->circles[i].get()->getRadius());
		}
	}

	this->fbo.end();

	//this->fbo.readToPixels(pixels);
	//this->save_image.setFromPixels(pixels);
	//this->save_image.save(std::to_string(ofGetFrameNum()) + ".png", OF_IMAGE_QUALITY_BEST);

	this->box2d.update();
}

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

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

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofBackground(0);

ofSetWindowTitle("Insta");

this->box2d.init();

this->box2d.setGravity(0, 50);

this->box2d.createBounds();

this->box2d.setFPS(25);

//this->box2d.registerGrabbing();

this->cap.open("city3.mp4");

this->cap_size = ofVec2f(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));

this->cap_size *= 0.33;

this->image.allocate(this->cap_size.x, this->cap_size.y, 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->fbo.allocate(ofGetWidth(), ofGetHeight());

}

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

void ofApp::update() {

cv::Mat src;

this->cap >> src;

if (src.empty()) {

return;

}

cv::flip(src, src, 1);

cv::cvtColor(src, src, cv::COLOR_BGR2RGB);

cv::resize(src, this->frame, cv::Size(this->cap_size.x, this->cap_size.y));

float span = 10;

if(ofGetFrameNum() > 10) {

cv::Mat gap = this->pre_frame - this->frame;

vector<ofVec2f> gap_points;

for (int y = 0; y < gap.rows; y += span) {

cv::Vec3b* value = gap.ptr<cv::Vec3b>(y, 0);

for (int x = 0; x < gap.cols; x += span) {

cv::Vec3b v = value[x];

if ((v[0] + v[1] + v[2]) > 32) {

shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);

circle.get()->setPhysics(3.0, 0.5, 0.1);

circle.get()->setup(this->box2d.getWorld(), x + ofGetWidth() / 2 - this->image.getWidth() / 2 + ofRandom(-span / 2, span / 2), y + 30 + ofRandom(-span / 2, span / 2), span / 4);

this->circles.push_back(circle);

this->circles_life.push_back(255);

ofColor c;

c.setHsb(ofRandom(255), 220, 220);

this->circles_color.push_back(c);

}

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

this->image.update();

this->fbo.begin();

ofClear(0);

ofBackground(0);

ofSetColor(255);

this->image.draw(ofGetWidth() / 2 - this->image.getWidth() / 2, 30);

for (int i = this->circles.size() - 1; i >= 0; i--) {

this->circles_life[i] -= 8;

if (this->circles_life[i] < 0) {

this->circles[i].get()->destroy();

this->circles.erase(this->circles.begin() + i);

this->circles_life.erase(this->circles_life.begin() + i);

this->circles_color.erase(this->circles_color.begin() + i);

}

else {

ofSetColor(this->circles_color[i], this->circles_life[i] + 128);

ofDrawCircle(this->circles[i].get()->getPosition(), this->circles[i].get()->getRadius());

}

this->fbo.end();

//this->fbo.readToPixels(pixels);

//this->save_image.setFromPixels(pixels);

//this->save_image.save(std::to_string(ofGetFrameNum()) + ".png", OF_IMAGE_QUALITY_BEST);

this->box2d.update();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年2月3日2018年2月2日

OpenCVでフレームの差分をとってParticle生成 openFrameworks ofxBox2d OpenCV

[ Video ]

[ About ]
OpenCVでWebカメラの映像を取得、毎フレームの差分を取得して、その情報をもとにParticleを生成しています。画像に動きのある部分からカラフルな玉が発生します。

本当はもうちょっと細かな粒子のようなものや、映像の色を反映した破片のようなオブジェクトを作りたかったのですが、リアルタイムだと処理性能的に厳しかったです。また今度、MPEGファイルから生成するような形で試してみようと思います。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofFbo.h"

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

	ofFbo fbo;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circles;
	vector<ofColor> circles_color;
	
	cv::VideoCapture cap;
	cv::Mat pre_frame;
	cv::Mat frame;
	ofImage image;
};

#pragma once

#include "ofMain.h"

#include "ofFbo.h"

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

ofFbo fbo;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circles;

vector<ofColor> circles_color;

cv::VideoCapture cap;

cv::Mat pre_frame;

cv::Mat frame;

ofImage image;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {
	ofSetFrameRate(30);
	ofBackground(0);
	ofSetWindowTitle("Insta");

	this->box2d.init();
	this->box2d.setGravity(0, 50);
	//this->box2d.createBounds();
	this->box2d.setFPS(30);
	//this->box2d.registerGrabbing();

	this->cap.open(1);
	this->image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_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->fbo.allocate(ofGetWidth(), ofGetHeight());
}

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

	cv::Mat src;
	this->cap >> src;
	cv::flip(src, src, 1);
	cv::cvtColor(src, this->frame, cv::COLOR_BGR2RGB);


	float span = 15;
	if (ofGetFrameNum() > 10) {

		cv::Mat gap = this->pre_frame - src;
		vector<ofVec2f> gap_points;

		for (int y = 0; y < gap.rows; y += span) {

			cv::Vec3b* value = gap.ptr<cv::Vec3b>(y, 0);
			for (int x = 0; x < gap.cols; x += span) {

				cv::Vec3b v = value[x];
				if ((v[0] + v[1] + v[2]) > 32) {
					 
					shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);
					circle.get()->setPhysics(3.0, 0.5, 0.1);
					circle.get()->setup(this->box2d.getWorld(), x + ofGetWidth() / 2 - this->image.getWidth() / 2 + ofRandom(-span / 2, span / 2), y + 30 + ofRandom(-span / 2, span / 2), span / 2);
					this->circles.push_back(circle);

					ofColor c;
					c.setHsb(ofRandom(255), 220, 220);
					this->circles_color.push_back(c);

				}
			}
		}
	}
	this->pre_frame = src;
	this->image.update();

	this->fbo.begin();
	ofClear(0);

	ofSetColor(255);
	this->image.draw(ofGetWidth() / 2 - this->image.getWidth() / 2, 30);

	for (int i = this->circles.size() - 1; i >= 0; i--) {
		
		if (this->circles[i].get()->getPosition().y > ofGetHeight()) {

			this->circles[i].get()->destroy();
			this->circles.erase(this->circles.begin() + i);
			this->circles_color.erase(this->circles_color.begin() + i);
		}
		else {

			ofSetColor(this->circles_color[i]);
			ofDrawCircle(this->circles[i].get()->getPosition(), this->circles[i].get()->getRadius());
		}
	}

	this->fbo.end();

	this->box2d.update();
}

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

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(0);

ofSetWindowTitle("Insta");

this->box2d.init();

this->box2d.setGravity(0, 50);

//this->box2d.createBounds();

this->box2d.setFPS(30);

//this->box2d.registerGrabbing();

this->cap.open(1);

this->image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_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->fbo.allocate(ofGetWidth(), ofGetHeight());

}

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

void ofApp::update() {

cv::Mat src;

this->cap >> src;

cv::flip(src, src, 1);

cv::cvtColor(src, this->frame, cv::COLOR_BGR2RGB);

float span = 15;

if (ofGetFrameNum() > 10) {

cv::Mat gap = this->pre_frame - src;

vector<ofVec2f> gap_points;

for (int y = 0; y < gap.rows; y += span) {

cv::Vec3b* value = gap.ptr<cv::Vec3b>(y, 0);

for (int x = 0; x < gap.cols; x += span) {

cv::Vec3b v = value[x];

if ((v[0] + v[1] + v[2]) > 32) {

shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);

circle.get()->setPhysics(3.0, 0.5, 0.1);

circle.get()->setup(this->box2d.getWorld(), x + ofGetWidth() / 2 - this->image.getWidth() / 2 + ofRandom(-span / 2, span / 2), y + 30 + ofRandom(-span / 2, span / 2), span / 2);

this->circles.push_back(circle);

ofColor c;

c.setHsb(ofRandom(255), 220, 220);

this->circles_color.push_back(c);

}

this->pre_frame = src;

this->image.update();

this->fbo.begin();

ofClear(0);

ofSetColor(255);

this->image.draw(ofGetWidth() / 2 - this->image.getWidth() / 2, 30);

for (int i = this->circles.size() - 1; i >= 0; i--) {

if (this->circles[i].get()->getPosition().y > ofGetHeight()) {

this->circles[i].get()->destroy();

this->circles.erase(this->circles.begin() + i);

this->circles_color.erase(this->circles_color.begin() + i);

}

else {

ofSetColor(this->circles_color[i]);

ofDrawCircle(this->circles[i].get()->getPosition(), this->circles[i].get()->getRadius());

}

this->fbo.end();

this->box2d.update();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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	31