Insta20180101

[ Video ]

[ About ]
ネットでRGBずらしという記事からインスピレーションを受けて（パクって）、openFrameworks + OpenCVを使って似たような事をしてみました。

記事の中では静止画でしたが、動画でチャレンジです。
最初はUSBカメラからリアルタイムにやって見たんだけど、絵力がなかったので、ネットのフリー素材動画を拝借しました。

全体でRGBをずらすと目に悪そうなものが出来上がったので、フレームでずらしました。
そのため、動いている部分だけRGBがずれる形になります。

なぜかOpenCVのMatイメージとofImageを同期させるのは前からよくやっていた手法なんですが、今回は何故かopenFrameworksで表示される画像が青味がかったものになったので、OpenCVで表示してます。
(そのため使っているのは実質、OpenCVだけです)

[ Source ]

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

	ofEasyCam cam;

	cv::VideoCapture cap;
	cv::Mat cap_frame;
	cv::Mat save_farme[2];
	int save_index;

	cv::Mat blend_frame;
	ofImage blend_image;
};

#pragma once

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

ofEasyCam cam;

cv::VideoCapture cap;

cv::Mat cap_frame;

cv::Mat save_farme[2];

int save_index;

cv::Mat blend_frame;

ofImage blend_image;

};

#include "ofApp.h"

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

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

	this->blend_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH) * 0.5, this->cap.get(CV_CAP_PROP_FRAME_HEIGHT) * 0.5, 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);

	this->save_index = 0;
}

//--------------------------------------------------------------
void ofApp::update() {
	this->cap >> this->cap_frame;
	if (this->cap_frame.empty()) { return; }

	cv::resize(this->cap_frame, this->cap_frame, cv::Size(), 0.5, 0.5);

	if (ofGetFrameNum() % 2 == 0) {
		this->cap_frame.copyTo(this->save_farme[this->save_index % 2]);
		this->save_index++;
	}
	
	if (ofGetFrameNum() > 6) {
		for (int x = 0; x < this->blend_frame.cols; x++) {
			for (int y = 0; y < this->blend_frame.rows; y++) {
				this->blend_frame.at<cv::Vec3b>(y, x) = cv::Vec3b(this->cap_frame.at<cv::Vec3b>(y, x)[0], this->save_farme[0].at<cv::Vec3b>(y, x)[1], this->save_farme[1].at<cv::Vec3b>(y, x)[2]);
			}
		}

		cv::imshow("blend", blend_frame);
		cv::waitKey(1);
	}
}

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

	/*
	
	// ofImageがなぜか青みがかった感じになってしまうので、断念

	this->cam.begin();

	this->blend_image.update();
	this->blend_image.draw(-this->blend_image.getWidth() / 2, -this->blend_image.getHeight() / 2);

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

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

this->blend_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH) * 0.5, this->cap.get(CV_CAP_PROP_FRAME_HEIGHT) * 0.5, 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);

this->save_index = 0;

}

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

void ofApp::update() {

this->cap >> this->cap_frame;

if (this->cap_frame.empty()) { return; }

cv::resize(this->cap_frame, this->cap_frame, cv::Size(), 0.5, 0.5);

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

this->cap_frame.copyTo(this->save_farme[this->save_index % 2]);

this->save_index++;

}

if (ofGetFrameNum() > 6) {

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

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

this->blend_frame.at<cv::Vec3b>(y, x) = cv::Vec3b(this->cap_frame.at<cv::Vec3b>(y, x)[0], this->save_farme[0].at<cv::Vec3b>(y, x)[1], this->save_farme[1].at<cv::Vec3b>(y, x)[2]);

}

cv::imshow("blend", blend_frame);

cv::waitKey(1);

}

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

void ofApp::draw() {

// ofImageがなぜか青みがかった感じになってしまうので、断念

this->cam.begin();

this->blend_image.update();

this->blend_image.draw(-this->blend_image.getWidth() / 2, -this->blend_image.getHeight() / 2);

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

輪郭をブレさせて色ずれを起こすテクニック「RGBずらし」が話題！　簡単にエモい雰囲気の画像が作れるスゴ技 (1/2)
http://nlab.itmedia.co.jp/nl/articles/1712/30/news032.html

Video
https://videos.pexels.com/videos/capoiera-street-dance-1465

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年1月1日2017年12月31日

Insta20171231

[ Video ]

[ About ]
あけましておめでとうございます。
A HAPPY NEW YEAR!!

[ Source ]

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

class ofApp : public ofBaseApp {

public:
	~ofApp();

	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;

	ofTrueTypeFont font;
	vector<string> words;
	vector<ofTTFCharacter> font_paths;

	vector<Particle*> particles;
};

#pragma once

#include "ofMain.h"

#include "ofFbo.h"

#include "Particle.h"

class ofApp : public ofBaseApp {

public:

~ofApp();

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;

ofTrueTypeFont font;

vector<string> words;

vector<ofTTFCharacter> font_paths;

vector<Particle*> particles;

};

#include "ofApp.h"

//--------------------------------------------------------------
//--------------------------------------------------------------
ofApp::~ofApp() {
	for (int i = this->particles.size() - 1; i > -1; i--) {
		delete this->particles[i];
		this->particles.erase(this->particles.begin() + i);
	}
}

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

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 120, true, false, true);
	this->words.push_back("HAPPY");
	this->words.push_back("NEW");
	this->words.push_back("YEAR");

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

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

	for (int i = this->particles.size() - 1; i > -1; i--) {
		this->particles[i]->update();

		if (this->particles[i]->isDead()) {
			delete this->particles[i];
			this->particles.erase(this->particles.begin() + i);
		}
	}

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

	ofTranslate(10, 200);
	
	float distance;
	for (int i = 0; i < this->particles.size(); i++) {
		for (int j = i; j < this->particles.size(); j++) {
			distance = this->particles[i]->get_location().distanceSquared(this->particles[j]->get_location());
			if (distance < 100) {
				ofSetColor(this->particles[i]->get_body_color(), this->particles[i]->get_alpha());
				ofDrawLine(this->particles[i]->get_location(), this->particles[j]->get_location());
			}
		}
	}

	this->fbo.end();
}

//--------------------------------------------------------------
void ofApp::draw() {
	this->fbo.draw(0, 0);
}

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

	for (int word_index = 0; word_index < this->words.size(); word_index++) {
		this->font_paths = this->font.getStringAsPoints(this->words[word_index]);
		for (int moji_index = 0; moji_index < this->words[word_index].size(); moji_index++) {
			for (int polyline_index = 0; polyline_index < (int)this->font_paths[moji_index].getOutline().size(); polyline_index++) {
				ofPolyline polyline = this->font_paths[moji_index].getOutline()[polyline_index].getResampledBySpacing(5);
				if (polyline_index != 0)ofNextContour(true);

				vector<ofPoint> points = polyline.getVertices();
				for (int point_index = 0; point_index < (int)points.size(); point_index++) {
					ofColor color;
					color.setHsb(ofRandom(255), 255, 255);
					ofVec3f location = ofVec3f(points[point_index].x + (150 * word_index), points[point_index].y + (200 * word_index));

					this->particles.push_back(new Particle(location, ofVec2f(ofRandom(-0.5, 0.5), ofRandom(-0.5, 0.5)), color));
				}
			}
		}
	}
}

//--------------------------------------------------------------
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

ofApp::~ofApp() {

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

delete this->particles[i];

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

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

this->font.loadFont("fonts/Kazesawa-Bold.ttf", 120, true, false, true);

this->words.push_back("HAPPY");

this->words.push_back("NEW");

this->words.push_back("YEAR");

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

}

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

void ofApp::update() {

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

this->particles[i]->update();

if (this->particles[i]->isDead()) {

delete this->particles[i];

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

}

this->fbo.begin();

ofClear(0);

ofTranslate(10, 200);

float distance;

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

for (int j = i; j < this->particles.size(); j++) {

distance = this->particles[i]->get_location().distanceSquared(this->particles[j]->get_location());

if (distance < 100) {

ofSetColor(this->particles[i]->get_body_color(), this->particles[i]->get_alpha());

ofDrawLine(this->particles[i]->get_location(), this->particles[j]->get_location());

}

this->fbo.end();

}

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

void ofApp::draw() {

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

}

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

void ofApp::keyPressed(int key) {

for (int word_index = 0; word_index < this->words.size(); word_index++) {

this->font_paths = this->font.getStringAsPoints(this->words[word_index]);

for (int moji_index = 0; moji_index < this->words[word_index].size(); moji_index++) {

for (int polyline_index = 0; polyline_index < (int)this->font_paths[moji_index].getOutline().size(); polyline_index++) {

ofPolyline polyline = this->font_paths[moji_index].getOutline()[polyline_index].getResampledBySpacing(5);

if (polyline_index != 0)ofNextContour(true);

vector<ofPoint> points = polyline.getVertices();

for (int point_index = 0; point_index < (int)points.size(); point_index++) {

ofColor color;

color.setHsb(ofRandom(255), 255, 255);

ofVec3f location = ofVec3f(points[point_index].x + (150 * word_index), points[point_index].y + (200 * word_index));

this->particles.push_back(new Particle(location, ofVec2f(ofRandom(-0.5, 0.5), ofRandom(-0.5, 0.5)), color));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Particle {
public:
	Particle();
	Particle(ofVec2f location, ofVec2f velocity, ofColor body_color);
	~Particle();

	void update();
	void draw();

	ofVec2f get_location();
	ofColor get_body_color();
	float get_alpha();
	bool isDead();
private:
	ofVec2f location;
	ofVec2f velocity;

	float	body_size;
	ofColor body_color;
	int		alpha;
};

#pragma once

#include "ofMain.h"

class Particle {

public:

Particle();

Particle(ofVec2f location, ofVec2f velocity, ofColor body_color);

~Particle();

void update();

void draw();

ofVec2f get_location();

ofColor get_body_color();

float get_alpha();

bool isDead();

private:

ofVec2f location;

ofVec2f velocity;

float body_size;

ofColor body_color;

int alpha;

};

#include "Particle.h"

Particle::Particle() : Particle(ofVec2f(0, 0), ofVec2f(0, 0), ofColor(128)) { }

Particle::Particle(ofVec2f location, ofVec2f velocity, ofColor body_color)
{
	this->location = location;
	this->velocity = velocity;
	this->alpha = 255;
	this->body_size = velocity.length() / 2;
	this->body_color = body_color;
}

Particle::~Particle() { }

void Particle::update()
{
	this->location += this->velocity;
	this->alpha -= 3;
}

void Particle::draw()
{

}

ofVec2f Particle::get_location() {
	return this->location;
}

ofColor Particle::get_body_color() {
	return this->body_color;
}

float Particle::get_alpha() {
	return this->alpha;
}

bool Particle::isDead()
{
	return this->alpha < 0;
}

#include "Particle.h"

Particle::Particle() : Particle(ofVec2f(0, 0), ofVec2f(0, 0), ofColor(128)) { }

Particle::Particle(ofVec2f location, ofVec2f velocity, ofColor body_color)

{

this->location = location;

this->velocity = velocity;

this->alpha = 255;

this->body_size = velocity.length() / 2;

this->body_color = body_color;

}

Particle::~Particle() { }

void Particle::update()

{

this->location += this->velocity;

this->alpha -= 3;

}

void Particle::draw()

{

}

ofVec2f Particle::get_location() {

return this->location;

}

ofColor Particle::get_body_color() {

return this->body_color;

}

float Particle::get_alpha() {

return this->alpha;

}

bool Particle::isDead()

{

return this->alpha < 0;

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2017年12月31日

2017年の振り返り

2017年も残り30分ぐらいになりましので、酔った勢いで今年を振り返りかえりましょう。

Creative Cording(笑)を毎日SNSへアウトプットした

あまり「クリエイティブコーディング」という言葉は好きではないのですが、イメージはしやすそうなので。

プログラミングで落書きをした結果を365日アップロードし続けました。
動画と共にソースコードも公開していくスタイルで続けてきました(github中心で10月からこのblogを立ち上げました)

我ながら良くやっていると思います。褒めてください(ﾊﾟﾁﾊﾟﾁ

ソースコードに関しては特別な思いがあったわけでもなく、ただ他の人のプログラミングの動画を模写した時に「ソースコードが公開されていて答え合わせ出来たら楽しいだろうなー」というような意味で上げ始めました。なので、自分のコードを改造したり模写してくれている人の情報を見た時は純粋に楽しいですね。ﾆﾔﾆﾔしてます。

4月頃まではProcessing、それ以降はopenFrameworksになりました。
LeapMotionとかKinectとかリアルタイム制が良い方が都合のいい場合があったので、JAVAよりC++を選んだ結果です。
ただ、JAVA自体が遅いというわけではなく、自分がJAVAをあまり触ったことがないので、早い書き方が出来ないという面も大きいです。

ちなみに、この界隈(?)ではC++敷居が高いと思われていますが、最近のC++は標準ライブラリも開発環境も整備されていますので、悪い選択肢ではないと思います。（簡単とは言っていない）

IAMASっぽいフレンドが増えた

SNSに動画をアップロードしていたのですが、IAMASの在校生・卒業生や、IAMASに将来入りたいなーみたいな事を呟いている友達が増えました。

個人的にはIAMAS(03)で同期だった林さんとTwitterで再開をしたのが衝撃でした(笑
そのほかにも、嫁と同期だったTakawoさんのブログでご紹介を頂いたりして、不思議な縁だなと思います

おわり

とゆーことで残り3分なので、いろいろ書こうと思っていましたが、ここまで。
来年も、みなさまよろしくお願いいたします。

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

プログラミング de 落描き

投稿

Insta20180101

Insta20171231

2017年の振り返り

Creative Cording(笑)を毎日SNSへアウトプットした

IAMASっぽいフレンドが増えた

おわり