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

2018年1月3日2018年1月10日

Insta20180102

[ Video ]

[ About ]
近所のショッピングモールの看板からインスピレーションを得て。
I got inspiration from the sign of the shopping mall.

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

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

};

#include "ofApp.h"

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

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

//--------------------------------------------------------------
void ofApp::draw() {
	int size = 60;
	int tri_size = size * 0.95;
	int y_count = 0;
	int y_max;
	ofColor tri_color;

	ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);
	ofRotate(180);
	ofTranslate(-ofGetWidth() / 2, -ofGetHeight() / 2);
	for (int x = 0; x < ofGetWidth() + size / 2; x += size / 2) {
		y_count = 0;
		y_max = ofNoise(x * 0.005, ofGetFrameNum() * 0.025) * ofGetHeight();
		for (int y = 0; y < y_max; y += size) {
			tri_color.setHsb(ofNoise(x, y) * 255, 255, 255);

			if (y + size < y_max) {
				ofSetColor(tri_color);
			} else {
				ofSetColor(0);
			}

			if (x % size == 0) {
				if (y_count % 2 == 0) {
					ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));
				}else {
					ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));
				}
			} else {
				if (y_count % 2 == 0) {
					ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));
				} else {
					ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));
				}
			}
			y_count++;
		}
	}
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(255);

ofSetWindowTitle("Insta");

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int size = 60;

int tri_size = size * 0.95;

int y_count = 0;

int y_max;

ofColor tri_color;

ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

ofRotate(180);

ofTranslate(-ofGetWidth() / 2, -ofGetHeight() / 2);

for (int x = 0; x < ofGetWidth() + size / 2; x += size / 2) {

y_count = 0;

y_max = ofNoise(x * 0.005, ofGetFrameNum() * 0.025) * ofGetHeight();

for (int y = 0; y < y_max; y += size) {

tri_color.setHsb(ofNoise(x, y) * 255, 255, 255);

if (y + size < y_max) {

ofSetColor(tri_color);

} else {

ofSetColor(0);

}

if (x % size == 0) {

if (y_count % 2 == 0) {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));

}else {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));

}

} else {

if (y_count % 2 == 0) {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));

} else {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));

}

y_count++;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年1月2日2018年1月10日

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 ]

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