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

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月13日2018年2月12日

再帰モザイク × 風景画 openFrameworks OpenCV

[ Video ]

[ About ]
昨日の動画にかけたエフェクトを静止画にかけてみました。

[ Source ]

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"
#include "RecuRect.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) {};

	RecuRect r_rect;

	cv::VideoCapture cap;
	cv::Mat frame;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

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

RecuRect r_rect;

cv::VideoCapture cap;

cv::Mat frame;

};

#include "ofApp.h"

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

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

	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->frame = cv::imread("D:\\video\\image.jpg");
}

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

	this->r_rect = RecuRect(9, ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2), 1280, true);
	this->r_rect.update();
}

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

	r_rect.draw(this->frame);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->frame = cv::imread("D:\\video\\image.jpg");

}

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

void ofApp::update() {

this->r_rect = RecuRect(9, ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2), 1280, true);

this->r_rect.update();

}

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

void ofApp::draw() {

r_rect.draw(this->frame);

}

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

int main() {

ofSetupOpenGL(1280, 1280, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"

class RecuRect
{
public:
	RecuRect();
	RecuRect(int level, ofVec2f location, float size, bool origin = false);
	~RecuRect();

	void update();
	void draw(cv::Mat frame);
private:
	int level;
	ofVec2f location;
	float size;
	int type;
	bool origin;

	std::vector<RecuRect> rects;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

class RecuRect

{

public:

RecuRect();

RecuRect(int level, ofVec2f location, float size, bool origin = false);

~RecuRect();

void update();

void draw(cv::Mat frame);

private:

int level;

ofVec2f location;

float size;

int type;

bool origin;

std::vector<RecuRect> rects;

};

#include "RecuRect.h"

RecuRect::RecuRect() {

}

RecuRect::RecuRect(int level, ofVec2f location, float size, bool origin) {

	//this->type = ofRandom(100);
	this->type = ofNoise(location.x * 0.005, location.y * 0.005, ofGetFrameNum() * 0.05) * 100;

	if (this->origin || (level > 0 && this->type < 80)) {

		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y - size / 4), size / 2));
		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y + size / 4), size / 2));
		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y - size / 4), size / 2));
		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y + size / 4), size / 2));
	}

	this->level = level;
	this->location = location;
	this->size = size;
	this->origin = origin;
}

RecuRect::~RecuRect() {

}

void RecuRect::update() {

}

void RecuRect::draw(cv::Mat frame) {

	if (this->origin || (this->level != 0 && this->type < 80)) {

		for (int i = 0; i < this->rects.size(); i++) {

			this->rects[i].draw(frame);
		}
	}
	else {

		cv::Vec3b frame_color = frame.at<cv::Vec3b>((int)this->location.y, (int)this->location.x);
		ofColor color = ofColor(frame_color[2], frame_color[1], frame_color[0]);
		ofSetColor(color);
		ofDrawRectangle(this->location, this->size, this->size);
	}
}

#include "RecuRect.h"

RecuRect::RecuRect() {

}

RecuRect::RecuRect(int level, ofVec2f location, float size, bool origin) {

//this->type = ofRandom(100);

this->type = ofNoise(location.x * 0.005, location.y * 0.005, ofGetFrameNum() * 0.05) * 100;

if (this->origin || (level > 0 && this->type < 80)) {

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y - size / 4), size / 2));

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y + size / 4), size / 2));

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y - size / 4), size / 2));

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y + size / 4), size / 2));

}

this->level = level;

this->location = location;

this->size = size;

this->origin = origin;

}

RecuRect::~RecuRect() {

}

void RecuRect::update() {

}

void RecuRect::draw(cv::Mat frame) {

if (this->origin || (this->level != 0 && this->type < 80)) {

for (int i = 0; i < this->rects.size(); i++) {

this->rects[i].draw(frame);

}

else {

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

ofColor color = ofColor(frame_color[2], frame_color[1], frame_color[0]);

ofSetColor(color);

ofDrawRectangle(this->location, this->size, this->size);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年2月12日2018年2月12日

再帰モザイク openFrameworks

[ Video ]

[ About ]
WebCameraの映像を再帰でデフォルメしてみました。

[ Source ]

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"
#include "RecuRect.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) {};

	RecuRect r_rect;

	cv::VideoCapture cap;
	cv::Mat frame;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

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

RecuRect r_rect;

cv::VideoCapture cap;

cv::Mat frame;

};

#include "ofApp.h"

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

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

	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
	ofSetLineWidth(0.3);

	this->cap.open(1);
	this->cap.set(cv::CAP_PROP_FRAME_WIDTH, 640);
	this->cap.set(cv::CAP_PROP_FRAME_HEIGHT, 640);
}

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

	this->cap >> this->frame;
	if (this->frame.empty()) {

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

	if (ofGetFrameNum() % 90 == 0) {

		this->r_rect = RecuRect(8, ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2), 640, true);
	}

	this->r_rect.update();
}

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

	r_rect.draw(this->frame);
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

ofSetLineWidth(0.3);

this->cap.open(1);

this->cap.set(cv::CAP_PROP_FRAME_WIDTH, 640);

this->cap.set(cv::CAP_PROP_FRAME_HEIGHT, 640);

}

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

void ofApp::update() {

this->cap >> this->frame;

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

return;

}

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

if (ofGetFrameNum() % 90 == 0) {

this->r_rect = RecuRect(8, ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2), 640, true);

}

this->r_rect.update();

}

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

void ofApp::draw() {

r_rect.draw(this->frame);

}

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"

class RecuRect
{
public:
	RecuRect();
	RecuRect(int level, ofVec2f location, float size, bool origin = false);
	~RecuRect();

	void update();
	void draw(cv::Mat frame);
private:
	int level;
	ofVec2f location;
	float size;
	int type;
	bool origin;

	std::vector<RecuRect> rects;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

class RecuRect

{

public:

RecuRect();

RecuRect(int level, ofVec2f location, float size, bool origin = false);

~RecuRect();

void update();

void draw(cv::Mat frame);

private:

int level;

ofVec2f location;

float size;

int type;

bool origin;

std::vector<RecuRect> rects;

};

#include "RecuRect.h"

RecuRect::RecuRect() {

}

RecuRect::RecuRect(int level, ofVec2f location, float size, bool origin) {

	if (level > 0) {

		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y - size / 4), size / 2));
		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y + size / 4), size / 2));
		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y - size / 4), size / 2));
		this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y + size / 4), size / 2));
	}

	this->level = level;
	this->location = location;
	this->size = size;
	this->type = ofRandom(100);
	this->origin = origin;
}

RecuRect::~RecuRect() {

}

void RecuRect::update() {

}

void RecuRect::draw(cv::Mat frame) {

	if (this->origin || (this->level != 0 && this->type < 80)) {

		for (int i = 0; i < this->rects.size(); i++) {

			this->rects[i].draw(frame);
		}
	}
	else {

		cv::Vec3b frame_color = frame.at<cv::Vec3b>((int)this->location.y, (int)this->location.x);
		ofColor color = ofColor(frame_color[2], frame_color[1], frame_color[0]);
		ofSetColor(color);
		ofDrawRectangle(this->location, this->size, this->size);
	}
}

#include "RecuRect.h"

RecuRect::RecuRect() {

}

RecuRect::RecuRect(int level, ofVec2f location, float size, bool origin) {

if (level > 0) {

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y - size / 4), size / 2));

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x - size / 4, location.y + size / 4), size / 2));

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y - size / 4), size / 2));

this->rects.push_back(RecuRect(level - 1, ofVec2f(location.x + size / 4, location.y + size / 4), size / 2));

}

this->level = level;

this->location = location;

this->size = size;

this->type = ofRandom(100);

this->origin = origin;

}

RecuRect::~RecuRect() {

}

void RecuRect::update() {

}

void RecuRect::draw(cv::Mat frame) {

if (this->origin || (this->level != 0 && this->type < 80)) {

for (int i = 0; i < this->rects.size(); i++) {

this->rects[i].draw(frame);

}

else {

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

ofColor color = ofColor(frame_color[2], frame_color[1], frame_color[0]);

ofSetColor(color);

ofDrawRectangle(this->location, this->size, this->size);

}

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

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