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

2018年1月28日2018年1月27日

Boxの波 3D版　openFrameworks

[ Video ]

[ About ]
今回はBoxをx, y, zに均一に配置しています。Noiseで求められた値を元に描写をする / しないを判定しています。昨日と同じように距離 + フレーム数をNoiseの引数に与えているので、中心から伝播していくような動きになっています。

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

	ofEasyCam cam;
	ofLight light;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

ofLight light;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();

	ofEnableLighting();
	this->light.setAmbientColor(ofFloatColor(0.1, 0.1, 0.5, 1.0));
	this->light.setDiffuseColor(ofFloatColor(0.2, 0.2, 1.0));
	this->light.setSpecularColor(ofFloatColor(1.0, 1.0, 1.0));
	this->light.enable();
}

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

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

	this->cam.begin();
	this->light.setPosition(this->cam.getPosition());

	float assembly_size = ofGetWidth() > ofGetHeight() ? ofGetWidth() : ofGetHeight();
	int box_size = 30;
	for (int x = -assembly_size / 2 ; x <= assembly_size / 2; x += box_size) {

		for (int y = -assembly_size / 2; y <= assembly_size / 2; y += box_size) {

			for (int z = -assembly_size / 2; z <= assembly_size / 2; z += box_size) {

				float noise_value = ofNoise(ofVec3f(x, y, z).length() * 0.008 - ofGetFrameNum() * 0.03);
				if (noise_value < 0.4) {

					ofDrawBox(ofPoint(x, y, z), box_size, box_size, box_size);
				}
			}
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofEnableLighting();

this->light.setAmbientColor(ofFloatColor(0.1, 0.1, 0.5, 1.0));

this->light.setDiffuseColor(ofFloatColor(0.2, 0.2, 1.0));

this->light.setSpecularColor(ofFloatColor(1.0, 1.0, 1.0));

this->light.enable();

}

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

void ofApp::update() { }

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

void ofApp::draw() {

this->cam.begin();

this->light.setPosition(this->cam.getPosition());

float assembly_size = ofGetWidth() > ofGetHeight() ? ofGetWidth() : ofGetHeight();

int box_size = 30;

for (int x = -assembly_size / 2 ; x <= assembly_size / 2; x += box_size) {

for (int y = -assembly_size / 2; y <= assembly_size / 2; y += box_size) {

for (int z = -assembly_size / 2; z <= assembly_size / 2; z += box_size) {

float noise_value = ofNoise(ofVec3f(x, y, z).length() * 0.008 - ofGetFrameNum() * 0.03);

if (noise_value < 0.4) {

ofDrawBox(ofPoint(x, y, z), box_size, box_size, box_size);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年1月27日2018年1月25日

Boxの波　openFrameworks

[ Video ]

[ About ]
最近はaddonやらOpenCVなどを使い倒しているのが多かったので、シンプルめのモノを意識して。

Boxを均等にx, y軸に埋めていき、z軸を変化させて波を作っています。z軸はNoise(中心軸との距離 + フレーム数)となっているので、伝達していくような動きになります。

ノイズ関数の引数に＋フレーム数を入れると、このように伝播していく数値群が作れるので便利です。

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

	ofEasyCam cam;
	ofLight light;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

ofLight light;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
	
	ofEnableLighting();
	this->light.enable();
}

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

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

	this->cam.begin();
	this->light.setPosition(this->cam.getPosition());

	int size = 30;
	for (int x = -ofGetWidth(); x <= ofGetWidth(); x += size) {

		for (int y = -ofGetHeight(); y <= ofGetHeight(); y += size) {

			float z = ofNoise(ofVec2f(x, y).length() * 0.005 - ofGetFrameNum() * 0.005) * 300;
			ofDrawBox(ofPoint(x, y, z), size * 0.95, size * 0.95, size * 0.95);
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofEnableLighting();

this->light.enable();

}

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

void ofApp::update() { }

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

void ofApp::draw() {

this->cam.begin();

this->light.setPosition(this->cam.getPosition());

int size = 30;

for (int x = -ofGetWidth(); x <= ofGetWidth(); x += size) {

for (int y = -ofGetHeight(); y <= ofGetHeight(); y += size) {

float z = ofNoise(ofVec2f(x, y).length() * 0.005 - ofGetFrameNum() * 0.005) * 300;

ofDrawBox(ofPoint(x, y, z), size * 0.95, size * 0.95, size * 0.95);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年1月26日2018年1月25日

OpenCVで雪道の足跡くっきり openFrameworks

[ Video ]

[ About ]
名古屋にも雪が降りまして、仕事の帰り道で、足跡ってOpenCVのエッジ処理で切り抜けるんじゃないかと？ひらめきました。

帰宅後は、雪道でいかに安全にノートPCを担ぎながら撮影をする方法を考えていましたが、リアルタイムでする必要もないことに何とか気づく事が出来たので、朝の通勤時にスマートフォンで撮影しました。贅沢を言うと、犬の肉球跡が欲しかった。。。

緑色の線が抽出した輪郭です。元の画像と重ねてありますので、輪郭を拾えてない部分とかもわかるかと思います。

やりたい事はOpenCVのみで終わりますが、openFrameworksと言い張っていこうと思います。

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

	ofFbo fbo;

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

	cv::Mat frame;
	ofImage image;

	// 動画データ出力用
	cv::VideoWriter writer;
};

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

ofFbo fbo;

cv::VideoCapture cap;

cv::Size cap_size;

cv::Mat frame;

ofImage image;

// 動画データ出力用

cv::VideoWriter writer;

};

#include "ofApp.h"

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

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

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

	this->cap_size = cv::Size(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));
	int frame_rate = this->cap.get(CV_CAP_PROP_FPS);
	ofSetFrameRate(frame_rate);

	// this->writer = cv::VideoWriter("out.mp4", CV_FOURCC('H', '2', '6', '4'), frame_rate, this->cap_size);

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

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

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

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

		return;
	}
	cv::Mat gray, canny, color_canny;
	cv::cvtColor(this->frame, gray, CV_RGB2GRAY);
	cv::Canny(gray, canny, 50, 150);
	
	for (int y = 0; y < canny.rows; y += 1) {

		unsigned char* value = &canny.at<unsigned char>(y, 0);
		for (int x = 0; x < canny.cols; x += 1) {
			
			if (*value > 0) {
				this->frame.at<cv::Vec3b>(y, x) = cv::Vec3b(0, 255, 0);
			}
			value++;
		}
	}
	// writer << this->frame;
	cv::cvtColor(this->frame, this->frame, CV_BGR2RGB);

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

	ofSetColor(255);
	this->image.update();
	this->image.draw(0, 0);

	this->fbo.end();
}

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

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

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

	ofSetupOpenGL(1920, 1080, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofBackground(0);

ofSetWindowTitle("Insta");

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

this->cap_size = cv::Size(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));

int frame_rate = this->cap.get(CV_CAP_PROP_FPS);

ofSetFrameRate(frame_rate);

// this->writer = cv::VideoWriter("out.mp4", CV_FOURCC('H', '2', '6', '4'), frame_rate, this->cap_size);

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

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

}

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

void ofApp::update() {

this->cap >> this->frame;

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

return;

}

cv::Mat gray, canny, color_canny;

cv::cvtColor(this->frame, gray, CV_RGB2GRAY);

cv::Canny(gray, canny, 50, 150);

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

unsigned char* value = &canny.at<unsigned char>(y, 0);

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

if (*value > 0) {

this->frame.at<cv::Vec3b>(y, x) = cv::Vec3b(0, 255, 0);

}

value++;

}

// writer << this->frame;

cv::cvtColor(this->frame, this->frame, CV_BGR2RGB);

this->fbo.begin();

ofClear(0);

ofSetColor(255);

this->image.update();

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

this->fbo.end();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(1920, 1080, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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