2018年2月 – ページ 4 – プログラミング de 落描き

2018年2月19日2018年2月18日

動画をスライス openFrameworks OpenCV

[ Video ]

[ About ]
Instagramで夜景を分割＋ズラすという画像をアップされている方がいて、カッコいいなと思ったので、インスパイアされ(パクり)ました。画像のピクセル処理はOpenCVを使っていますが、仕組み的にはofImageを使ってopenFrameworksで完結できるはずです。

[ Source ]

#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 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;

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

	cv::Mat frame;
	ofImage image;
};

#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 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;

cv::VideoCapture cap;

cv::Size cap_size;

cv::Mat frame;

ofImage image;

};

#include "ofApp.h"

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

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

	this->cap.open("D:\\video\\beach.mp4");
	this->cap_size = cv::Size(1280, 720);
	ofSetFrameRate(this->cap.get(CV_CAP_PROP_FPS));

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

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

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

		cap.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(cap_frame, src, this->cap_size);
	cv::cvtColor(src, src, CV_RGB2BGR);

	blend_frame = cv::Mat::zeros(this->frame.size(), this->frame.type());

	int gap = 0;
	int tmp_y = 0;

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

		if (x % 30 == 0) {

			gap = ofMap(ofNoise(x * 0.005, ofGetFrameNum() * 0.005), 0, 1, -50, 50);
		}

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

			tmp_y = y + gap;

			if (tmp_y >= 0 && tmp_y < src.rows) {

				blend_frame.at<cv::Vec3b>(tmp_y, x) = src.at<cv::Vec3b>(y, x);
			}
		}
	}

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

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

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

this->cap.open("D:\\video\\beach.mp4");

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

ofSetFrameRate(this->cap.get(CV_CAP_PROP_FPS));

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);

}

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

void ofApp::update() {

cv::Mat cap_frame, src, blend_frame;

this->cap >> cap_frame;

if (cap_frame.empty()) {

cap.set(CV_CAP_PROP_POS_FRAMES, 1);

return;

}

cv::resize(cap_frame, src, this->cap_size);

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

blend_frame = cv::Mat::zeros(this->frame.size(), this->frame.type());

int gap = 0;

int tmp_y = 0;

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

if (x % 30 == 0) {

gap = ofMap(ofNoise(x * 0.005, ofGetFrameNum() * 0.005), 0, 1, -50, 50);

}

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

tmp_y = y + gap;

if (tmp_y >= 0 && tmp_y < src.rows) {

blend_frame.at<cv::Vec3b>(tmp_y, x) = src.at<cv::Vec3b>(y, x);

}

blend_frame.copyTo(this->frame);

this->image.update();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年2月18日2018年2月17日

トリコロールカラー openFrameworks

[ Video ]

[ About ]
トリコロールカラー、あまり縁はないですが、好きです。

[ Source ]

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

	ofFbo fbo;
};

#include "ofMain.h"

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

ofFbo fbo;

};

#include "ofApp.h"

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

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

	this->fbo.allocate(ofGetWidth(), ofGetHeight());

}

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

	int x_span = 30;

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

	for (int x = 0; x < ofGetWidth(); x += x_span) {

		float top_rect_height = ofGetHeight() * ofNoise(x * 0.005, 1, ofGetFrameNum() * 0.005);

		ofSetColor(255);
		ofFill();
		ofDrawRectangle(ofVec2f(x, 0), x_span, ofGetHeight());

		ofSetColor(0);
		ofNoFill();
		ofDrawRectangle(ofVec2f(x, 0), x_span, ofGetHeight());

		ofSetColor(255, 0, 0);
		ofFill();
		ofDrawRectangle(ofVec2f(x, 0), x_span, top_rect_height);

		ofSetColor(0, 0, 255);
		ofNoFill();
		ofDrawRectangle(ofVec2f(x, 0), x_span, top_rect_height);

		float down_rect_height = ofGetHeight() * ofNoise(x * 0.005, 2, ofGetFrameNum() * 0.005);
	
		ofSetColor(0, 0, 255);
		ofFill();
		ofDrawRectangle(ofVec2f(x, ofGetHeight()), x_span, -down_rect_height);

		ofSetColor(255, 0, 0);
		ofNoFill();
		ofDrawRectangle(ofVec2f(x, ofGetHeight()), x_span, -down_rect_height);
	}

	this->fbo.end();
}

//--------------------------------------------------------------
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(60);

ofBackground(0);

ofSetWindowTitle("Insta");

this->fbo.allocate(ofGetWidth(), ofGetHeight());

}

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

void ofApp::update() {

int x_span = 30;

this->fbo.begin();

ofClear(0);

for (int x = 0; x < ofGetWidth(); x += x_span) {

float top_rect_height = ofGetHeight() * ofNoise(x * 0.005, 1, ofGetFrameNum() * 0.005);

ofSetColor(255);

ofFill();

ofDrawRectangle(ofVec2f(x, 0), x_span, ofGetHeight());

ofSetColor(0);

ofNoFill();

ofDrawRectangle(ofVec2f(x, 0), x_span, ofGetHeight());

ofSetColor(255, 0, 0);

ofFill();

ofDrawRectangle(ofVec2f(x, 0), x_span, top_rect_height);

ofSetColor(0, 0, 255);

ofNoFill();

ofDrawRectangle(ofVec2f(x, 0), x_span, top_rect_height);

float down_rect_height = ofGetHeight() * ofNoise(x * 0.005, 2, ofGetFrameNum() * 0.005);

ofSetColor(0, 0, 255);

ofFill();

ofDrawRectangle(ofVec2f(x, ofGetHeight()), x_span, -down_rect_height);

ofSetColor(255, 0, 0);

ofNoFill();

ofDrawRectangle(ofVec2f(x, ofGetHeight()), x_span, -down_rect_height);

}

this->fbo.end();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年2月17日2018年2月16日

カラーサークル　openFrameworks

[ Video ]

[ About ]
何も考えず思いついたままに。

[ Source ]

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

	ofFbo fbo;
};

#include "ofMain.h"

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

ofFbo fbo;

};

#include "ofApp.h"

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

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

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
}

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

	int deg_span = 10;
	float radius = 0;
	float radius_span = 30;
	int layer = 35;

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

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

		radius = 0;

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

			float noise_value = ofNoise(deg * 0.005, i * 0.005 - ofGetFrameNum() * 0.005);
			ofColor color;
			color.setHsb(noise_value * 255, 255, 255);
			ofSetColor(color);

			ofBeginShape();

			for (int tmp_deg = deg; tmp_deg <= deg + deg_span; tmp_deg += 1) {

				ofVertex(radius * cos(tmp_deg * DEG_TO_RAD) + ofGetWidth() / 2, radius * sin(tmp_deg * DEG_TO_RAD) + ofGetHeight() / 2);
			}

			for (int tmp_deg = deg + deg_span; tmp_deg >= deg; tmp_deg -= 1) {

				ofVertex((radius + radius_span) * cos(tmp_deg * DEG_TO_RAD) + ofGetWidth() / 2, (radius + radius_span) * sin(tmp_deg * DEG_TO_RAD) + ofGetHeight() / 2);
			}

			ofEndShape(true);

			radius += radius_span;
		}
	}

	this->fbo.end();
}

//--------------------------------------------------------------
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(60);

ofBackground(0);

ofSetWindowTitle("Insta");

this->fbo.allocate(ofGetWidth(), ofGetHeight());

}

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

void ofApp::update() {

int deg_span = 10;

float radius = 0;

float radius_span = 30;

int layer = 35;

this->fbo.begin();

ofClear(0);

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

radius = 0;

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

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

ofColor color;

color.setHsb(noise_value * 255, 255, 255);

ofSetColor(color);

ofBeginShape();

for (int tmp_deg = deg; tmp_deg <= deg + deg_span; tmp_deg += 1) {

ofVertex(radius * cos(tmp_deg * DEG_TO_RAD) + ofGetWidth() / 2, radius * sin(tmp_deg * DEG_TO_RAD) + ofGetHeight() / 2);

}

for (int tmp_deg = deg + deg_span; tmp_deg >= deg; tmp_deg -= 1) {

ofVertex((radius + radius_span) * cos(tmp_deg * DEG_TO_RAD) + ofGetWidth() / 2, (radius + radius_span) * sin(tmp_deg * DEG_TO_RAD) + ofGetHeight() / 2);

}

ofEndShape(true);

radius += radius_span;

}

this->fbo.end();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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