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

2018年2月16日2018年2月15日

配列の値から動画データを歪める

[ Video ]

[ About ]
昨日、一昨日とやってきた、配列の値から炎っぽい動きを作るロジックで出力した値を動画のフレーム番号と絡めてみました。定点カメラの映像になるので、道路の路面と手間にある木はあまり動かず、車やバイクはグニャグニャしていて不思議な感じが出せていると思います。

[ Source ]

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

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

	static const int number_of_frames = 350;
	cv::Mat save_frames[number_of_frames];

	cv::Mat blend_frame;
	ofImage blend_image;

	int size;
	vector<vector<float>> values;
};

#pragma once

#include "ofMain.h"

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

cv::VideoCapture cap;

cv::Size cap_size;

static const int number_of_frames = 350;

cv::Mat save_frames[number_of_frames];

cv::Mat blend_frame;

ofImage blend_image;

int size;

vector<vector<float>> values;

};

#include "ofApp.h"

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

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

	this->size = 2;

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

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

	for (int i = 0; i < this->number_of_frames; i++) {

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

			break;
		}
		cv::resize(src, mini_src, this->cap_size);
		cv::cvtColor(mini_src, mini_src, CV_RGB2BGR);

		mini_src.copyTo(this->save_frames[(this->number_of_frames - 1) - i]);
	}
}

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

	this->values.clear();

	float x_count = ofGetWidth() / this->size;
	float y_count = ofGetHeight() / this->size;

	for (int y = 0; y < y_count; y++) {

		vector<float> tmp_values;

		for (int x = 0; x < x_count; x++) {

			if (y == 0) {

				float value = ofMap(ofNoise(x * 0.01, ofGetFrameNum() * 0.005), 0, 1, 0, this->number_of_frames);
				tmp_values.push_back(value);
			}
			else {

				float value = 0;
				int count = 0;

				for (int tmp_x = x - 1; tmp_x <= x + 1; tmp_x++) {

					if (tmp_x >= 0 && tmp_x < x_count) {

						value += this->values[y - 1][tmp_x];
						count++;
					}
				}

				if (y >= 2) {

					value += this->values[y - 2][x];
					count++;
				}

				float average = value / count + ofMap(ofNoise(x * 0.03, y * 0.01 - ofGetFrameNum() * 0.05), 0, 1, -0.5, 0.5);
				if (average > this->number_of_frames) {

					average = this->number_of_frames;
				}
				else if (average < 0) {

					average = 0;
				}

				tmp_values.push_back(average);
			}
		}

		this->values.push_back(tmp_values);
	}

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

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

			int tmp_x = x / this->size;
			int tmp_y = y / this->size;
			int index = this->values[tmp_y][tmp_x];
			this->blend_frame.at<cv::Vec3b>(y, x) = this->save_frames[index].at<cv::Vec3b>(y, x);
		}
	}

	this->blend_image.update();
}

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

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

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

	ofSetupOpenGL(1280, 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->size = 2;

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

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

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

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

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

for (int i = 0; i < this->number_of_frames; i++) {

cv::Mat src, mini_src;

this->cap >> src;

if (src.empty()) {

break;

}

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

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

mini_src.copyTo(this->save_frames[(this->number_of_frames - 1) - i]);

}

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

void ofApp::update() {

this->values.clear();

float x_count = ofGetWidth() / this->size;

float y_count = ofGetHeight() / this->size;

for (int y = 0; y < y_count; y++) {

vector<float> tmp_values;

for (int x = 0; x < x_count; x++) {

if (y == 0) {

float value = ofMap(ofNoise(x * 0.01, ofGetFrameNum() * 0.005), 0, 1, 0, this->number_of_frames);

tmp_values.push_back(value);

}

else {

float value = 0;

int count = 0;

for (int tmp_x = x - 1; tmp_x <= x + 1; tmp_x++) {

if (tmp_x >= 0 && tmp_x < x_count) {

value += this->values[y - 1][tmp_x];

count++;

}

if (y >= 2) {

value += this->values[y - 2][x];

count++;

}

float average = value / count + ofMap(ofNoise(x * 0.03, y * 0.01 - ofGetFrameNum() * 0.05), 0, 1, -0.5, 0.5);

if (average > this->number_of_frames) {

average = this->number_of_frames;

}

else if (average < 0) {

average = 0;

}

tmp_values.push_back(average);

}

this->values.push_back(tmp_values);

}

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

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

int tmp_x = x / this->size;

int tmp_y = y / this->size;

int index = this->values[tmp_y][tmp_x];

this->blend_frame.at<cv::Vec3b>(y, x) = this->save_frames[index].at<cv::Vec3b>(y, x);

}

this->blend_image.update();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年2月15日2018年2月14日

オリンピックカラー openFrameworks

[ Video ]

[ About ]
オリンピックがテレビで沢山流れていたので、昨日のソースをいじってオリンピックカラーに改造しました。(それよりもバレンタインデーでしたね…)

ちなみに、オリンピックは生中継をほとんど見ずに、朝のニュースで結果だけ楽しむ派です。

[ Source ]

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

	ofFbo fbo;
	int size;
	vector<ofColor> colors;
	vector<vector<float>> values;
};

#pragma once

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofFbo fbo;

int size;

vector<ofColor> colors;

vector<vector<float>> values;

};

#include "ofApp.h"

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

	this->size = 5;

	this->colors.push_back(ofColor(0, 117, 201));
	this->colors.push_back(ofColor(255, 164, 0));
	this->colors.push_back(ofColor(38, 39, 42));
	this->colors.push_back(ofColor(0, 149, 58));
	this->colors.push_back(ofColor(236, 0, 68));

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

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

	this->values.clear();

	float x_count = ofGetWidth() / this->size;
	float y_count = ofGetHeight() / this->size;

	for (int y = 0; y < y_count; y++) {

		vector<float> tmp_values;

		for (int x = 0; x < x_count; x++) {

			if (y == 0) {

				float value = ofMap(ofNoise(x * 0.05, ofGetFrameNum() * 0.05), 0, 1, this->size, 0);
				tmp_values.push_back(value);
			}
			else {

				float value = 0;
				int count = 0;

				for (int tmp_x = x - 1; tmp_x <= x + 1; tmp_x++) {

					if (tmp_x >= 0 && tmp_x < x_count) {

						value += this->values[y - 1][tmp_x];
						count++;
					}
				}

				if (y >= 2) {

					value += this->values[y - 2][x];
					count++;
				}

				float average = value / count + ofMap(ofNoise(x * 0.03, y * 0.1 - ofGetFrameNum() * 0.5), 0, 1, -3, 3);
				tmp_values.push_back(average);
			}
		}

		this->values.push_back(tmp_values);
	}

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

	int color_index = 0;
	int span = ofGetWidth() / this->colors.size();
	for (int x = 0; x < ofGetWidth(); x += span) {

		ofSetColor(this->colors[color_index]);
		color_index++;

		ofDrawRectangle(ofVec2f(x, 0), x + span, ofGetHeight());
	}

	ofSetColor(255);
	for (int y = 0; y < this->values.size(); y++) {

		for (int x = 0; x < this->values[y].size(); x++) {

			ofDrawCircle(ofVec2f(x * this->size + this->size / 2, ofGetHeight() - (y * this->size + this->size / 2)), this->size - this->values[y][x]);
		}
	}

	this->fbo.end();
}

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

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

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

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

100

101

102

103

104

105

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(255);

ofSetWindowTitle("Insta");

this->size = 5;

this->colors.push_back(ofColor(0, 117, 201));

this->colors.push_back(ofColor(255, 164, 0));

this->colors.push_back(ofColor(38, 39, 42));

this->colors.push_back(ofColor(0, 149, 58));

this->colors.push_back(ofColor(236, 0, 68));

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

}

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

void ofApp::update() {

this->values.clear();

float x_count = ofGetWidth() / this->size;

float y_count = ofGetHeight() / this->size;

for (int y = 0; y < y_count; y++) {

vector<float> tmp_values;

for (int x = 0; x < x_count; x++) {

if (y == 0) {

float value = ofMap(ofNoise(x * 0.05, ofGetFrameNum() * 0.05), 0, 1, this->size, 0);

tmp_values.push_back(value);

}

else {

float value = 0;

int count = 0;

for (int tmp_x = x - 1; tmp_x <= x + 1; tmp_x++) {

if (tmp_x >= 0 && tmp_x < x_count) {

value += this->values[y - 1][tmp_x];

count++;

}

if (y >= 2) {

value += this->values[y - 2][x];

count++;

}

float average = value / count + ofMap(ofNoise(x * 0.03, y * 0.1 - ofGetFrameNum() * 0.5), 0, 1, -3, 3);

tmp_values.push_back(average);

}

this->values.push_back(tmp_values);

}

this->fbo.begin();

ofClear(0);

int color_index = 0;

int span = ofGetWidth() / this->colors.size();

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

ofSetColor(this->colors[color_index]);

color_index++;

ofDrawRectangle(ofVec2f(x, 0), x + span, ofGetHeight());

}

ofSetColor(255);

for (int y = 0; y < this->values.size(); y++) {

for (int x = 0; x < this->values[y].size(); x++) {

ofDrawCircle(ofVec2f(x * this->size + this->size / 2, ofGetHeight() - (y * this->size + this->size / 2)), this->size - this->values[y][x]);

}

this->fbo.end();

}

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

void ofApp::draw() {

ofSetColor(255);

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

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年2月14日2018年2月13日

配列の値から生成した黒い渦 openFrameworks

[ Video ]

[ About ]
Twitterで見かけた「炎のエフェクトの作り方」を参考に作成してみました。該当のツイートを保存しそこねて、ご紹介出来ないのが残念です…(結構探したけど見つからなかったので、タイトルがそもそも違うのかも)

ソースコードからも読み取れますが手法としては、
1．配列の0行目にランダム(今回はNoise関数使用)の値を入れる
2.1行目は(x – 1, y – 1), (x, y – 1), (x + 1, y – 1)の3点の平均値を入れる
3.2行目以降は上記の3点に加えて,(x, y – 2)の値を加えた4点の平均を加える
4.3を最終行まで繰り返す
※ 該当する番地が存在しない場合は、無視してね

Excelでも関数と条件付き書式の組み合わせて簡単に作成出来て面白かったので、openFrameworksに取り込んでみました。

[ Source ]

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

	ofFbo fbo;
	int rect_size;
	vector<vector<ofColor>> colors;
};

#pragma once

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofFbo fbo;

int rect_size;

vector<vector<ofColor>> colors;

};

#include "ofApp.h"

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

	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

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

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

	this->colors.clear();

	float x_count = ofGetWidth() / this->rect_size;
	float y_count = ofGetHeight() / this->rect_size;

	for (int y = 0; y < y_count; y++) {

		vector<ofColor> tmp_colors;

		for (int x = 0; x < x_count; x++) {

			if (y == 0) {

				float value = ofMap(ofNoise(x * 0.03, ofGetFrameNum() * 0.005), 0, 1, 0, 255);
				tmp_colors.push_back(ofColor(value));
			}
			else {

				float value = 0;
				int count = 0;

				for (int tmp_x = x - 1; tmp_x <= x + 1; tmp_x++) {

					if (tmp_x >= 0 && tmp_x < x_count) {

						value += this->colors[y - 1][tmp_x].r;
						count++;
					}
				}

				if (y >= 2) {

					value += this->colors[y - 2][x].r;
					count++;
				}

				float average = value / count + ofMap(ofNoise(x * 0.05, y * 0.1 - ofGetFrameNum() * 0.5), 0, 1, -5, 5);

				if (average < 0) {

					average = 0;
				}
				else if (average > 255) {

					average = 255;
				}

				tmp_colors.push_back(ofColor(average));
			}
		}

		this->colors.push_back(tmp_colors);
	}

	this->fbo.begin();

	for (int y = 0; y < this->colors.size(); y++) {

		for (int x = 0; x < this->colors[y].size(); x++) {

			ofSetColor(this->colors[y][x]);
			ofDrawRectangle(ofVec2f(x * this->rect_size + this->rect_size / 2, ofGetHeight() - (y * this->rect_size + this->rect_size / 2)), this->rect_size, this->rect_size);
		}
	}

	this->fbo.end();
}

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

	this->fbo.draw(ofGetWidth() / 2, ofGetHeight() / 2); // RectModeにつられる
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->rect_size = 10;

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

}

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

void ofApp::update() {

this->colors.clear();

float x_count = ofGetWidth() / this->rect_size;

float y_count = ofGetHeight() / this->rect_size;

for (int y = 0; y < y_count; y++) {

vector<ofColor> tmp_colors;

for (int x = 0; x < x_count; x++) {

if (y == 0) {

float value = ofMap(ofNoise(x * 0.03, ofGetFrameNum() * 0.005), 0, 1, 0, 255);

tmp_colors.push_back(ofColor(value));

}

else {

float value = 0;

int count = 0;

for (int tmp_x = x - 1; tmp_x <= x + 1; tmp_x++) {

if (tmp_x >= 0 && tmp_x < x_count) {

value += this->colors[y - 1][tmp_x].r;

count++;

}

if (y >= 2) {

value += this->colors[y - 2][x].r;

count++;

}

float average = value / count + ofMap(ofNoise(x * 0.05, y * 0.1 - ofGetFrameNum() * 0.5), 0, 1, -5, 5);

if (average < 0) {

average = 0;

}

else if (average > 255) {

average = 255;

}

tmp_colors.push_back(ofColor(average));

}

this->colors.push_back(tmp_colors);

}

this->fbo.begin();

for (int y = 0; y < this->colors.size(); y++) {

for (int x = 0; x < this->colors[y].size(); x++) {

ofSetColor(this->colors[y][x]);

ofDrawRectangle(ofVec2f(x * this->rect_size + this->rect_size / 2, ofGetHeight() - (y * this->rect_size + this->rect_size / 2)), this->rect_size, this->rect_size);

}

this->fbo.end();

}

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

void ofApp::draw() {

this->fbo.draw(ofGetWidth() / 2, ofGetHeight() / 2); // RectModeにつられる

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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