openframeworks – ページ 670 – プログラミング de 落描き

2018年2月6日2018年2月5日

Noise でわっか openFrameworks

[ Video ]

[ About ]
角度3度ごとに線を引いています。線の長さはNoise関数で生成した値を元に変化させているので、それぞれの部位ごとに滑らかに変化していきます。

何故か周期的に線の長さが揃って0に近くなるのですが、プログラミングでそのような機構は入れたつもりはなかったので、想定外の動きになります。

ofNoiseに与えているdegの値が大きすぎるせい？？

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

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

};

#include "ofApp.h"

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

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

	ofSetLineWidth(3);
}

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

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

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

	for (float radius = 50; radius <= 250; radius += 100) {

		for (float deg = 0; deg < 360; deg += 3) {

			float noise_value = ofNoise(deg - ofGetFrameNum() * 0.005) + 0.5;
			ofPoint point_1(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			ofPoint point_2(radius * noise_value * cos(deg * DEG_TO_RAD), radius * noise_value * sin(deg * DEG_TO_RAD));

			ofColor line_color;
			line_color.setHsb(deg / 360 * 255, 200, 200);
			ofSetColor(line_color);
			ofDrawLine(point_1, point_2);
		}
	}

}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(32);

ofSetWindowTitle("Insta");

ofSetLineWidth(3);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

for (float radius = 50; radius <= 250; radius += 100) {

for (float deg = 0; deg < 360; deg += 3) {

float noise_value = ofNoise(deg - ofGetFrameNum() * 0.005) + 0.5;

ofPoint point_1(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

ofPoint point_2(radius * noise_value * cos(deg * DEG_TO_RAD), radius * noise_value * sin(deg * DEG_TO_RAD));

ofColor line_color;

line_color.setHsb(deg / 360 * 255, 200, 200);

ofSetColor(line_color);

ofDrawLine(point_1, point_2);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年2月5日2018年2月4日

Noiseを使った渦　openFrameworks

[ Video ]

[ About ]
Noise関数で360度に円を配置しています。ノイズ関数の引数はRadius + FrameNumなので伝播していきます。

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

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

};

#include "ofApp.h"

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

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

}

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

}

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

	this->cam.begin();

	float radius_span = 15;
	for (float radius = radius_span; radius < ofGetWidth() / 2; radius += radius_span) {

		ofColor color;
		color.setHsb(ofMap(radius, radius_span, ofGetWidth() / 2, 0, 255), 255, 255);
		ofSetColor(color);

		float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.001) * 360;
		float x = radius * cos(noise_value);
		float y = radius * sin(noise_value);

		ofDrawCircle(x, y, 15);
	}


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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

float radius_span = 15;

for (float radius = radius_span; radius < ofGetWidth() / 2; radius += radius_span) {

ofColor color;

color.setHsb(ofMap(radius, radius_span, ofGetWidth() / 2, 0, 255), 255, 255);

ofSetColor(color);

float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.001) * 360;

float x = radius * cos(noise_value);

float y = radius * sin(noise_value);

ofDrawCircle(x, y, 15);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年2月4日2018年2月3日

動画のフレーム差分でParticleを生成 openFrameworks OpenCV ofxBox2d

[ Video ]

[ About ]
昨日のWebカメラを動画データに置き換えました。重かったので、書き出した画像をつなげて動画にしてあります。

[ Source ]

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

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

	ofFbo fbo;
	ofPixels pixels;
	ofImage save_image;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circles;
	vector<float> circles_life;
	vector<ofColor> circles_color;
	
	cv::VideoCapture cap;
	ofVec2f cap_size;
	cv::Mat pre_frame;
	cv::Mat frame;
	ofImage image;
};

#pragma once

#include "ofMain.h"

#include "ofFbo.h"

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

ofFbo fbo;

ofPixels pixels;

ofImage save_image;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circles;

vector<float> circles_life;

vector<ofColor> circles_color;

cv::VideoCapture cap;

ofVec2f cap_size;

cv::Mat pre_frame;

cv::Mat frame;

ofImage image;

};

#include "ofApp.h"

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

	this->box2d.init();
	this->box2d.setGravity(0, 50);
	this->box2d.createBounds();
	this->box2d.setFPS(25);
	//this->box2d.registerGrabbing();

	this->cap.open("city3.mp4");
	this->cap_size = ofVec2f(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));
	this->cap_size *= 0.33;

	this->image.allocate(this->cap_size.x, this->cap_size.y, 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() {

	cv::Mat src;
	this->cap >> src;
	
	if (src.empty()) {
		return;
	}

	cv::flip(src, src, 1);
	cv::cvtColor(src, src, cv::COLOR_BGR2RGB);
	cv::resize(src, this->frame, cv::Size(this->cap_size.x, this->cap_size.y));

	float span = 10;
	if(ofGetFrameNum() > 10) {

		cv::Mat gap = this->pre_frame - this->frame;
		vector<ofVec2f> gap_points;

		for (int y = 0; y < gap.rows; y += span) {

			cv::Vec3b* value = gap.ptr<cv::Vec3b>(y, 0);
			for (int x = 0; x < gap.cols; x += span) {

				cv::Vec3b v = value[x];
				if ((v[0] + v[1] + v[2]) > 32) {
					 
					shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);
					circle.get()->setPhysics(3.0, 0.5, 0.1);
					circle.get()->setup(this->box2d.getWorld(), x + ofGetWidth() / 2 - this->image.getWidth() / 2 + ofRandom(-span / 2, span / 2), y + 30 + ofRandom(-span / 2, span / 2), span / 4);
					this->circles.push_back(circle);

					this->circles_life.push_back(255);

					ofColor c;
					c.setHsb(ofRandom(255), 220, 220);
					this->circles_color.push_back(c);

				}
			}
		}
	}
	this->frame.copyTo(this->pre_frame);
	this->image.update();

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

	ofSetColor(255);
	this->image.draw(ofGetWidth() / 2 - this->image.getWidth() / 2, 30);

	for (int i = this->circles.size() - 1; i >= 0; i--) {
		
		this->circles_life[i] -= 8;
		if (this->circles_life[i] < 0) {

			this->circles[i].get()->destroy();
			this->circles.erase(this->circles.begin() + i);
			this->circles_life.erase(this->circles_life.begin() + i);
			this->circles_color.erase(this->circles_color.begin() + i);
		}
		else {

			ofSetColor(this->circles_color[i], this->circles_life[i] + 128);
			ofDrawCircle(this->circles[i].get()->getPosition(), this->circles[i].get()->getRadius());
		}
	}

	this->fbo.end();

	//this->fbo.readToPixels(pixels);
	//this->save_image.setFromPixels(pixels);
	//this->save_image.save(std::to_string(ofGetFrameNum()) + ".png", OF_IMAGE_QUALITY_BEST);

	this->box2d.update();
}

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

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

//--------------------------------------------------------------
int main() {

	ofSetupOpenGL(720, 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->box2d.init();

this->box2d.setGravity(0, 50);

this->box2d.createBounds();

this->box2d.setFPS(25);

//this->box2d.registerGrabbing();

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

this->cap_size = ofVec2f(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));

this->cap_size *= 0.33;

this->image.allocate(this->cap_size.x, this->cap_size.y, 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() {

cv::Mat src;

this->cap >> src;

if (src.empty()) {

return;

}

cv::flip(src, src, 1);

cv::cvtColor(src, src, cv::COLOR_BGR2RGB);

cv::resize(src, this->frame, cv::Size(this->cap_size.x, this->cap_size.y));

float span = 10;

if(ofGetFrameNum() > 10) {

cv::Mat gap = this->pre_frame - this->frame;

vector<ofVec2f> gap_points;

for (int y = 0; y < gap.rows; y += span) {

cv::Vec3b* value = gap.ptr<cv::Vec3b>(y, 0);

for (int x = 0; x < gap.cols; x += span) {

cv::Vec3b v = value[x];

if ((v[0] + v[1] + v[2]) > 32) {

shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);

circle.get()->setPhysics(3.0, 0.5, 0.1);

circle.get()->setup(this->box2d.getWorld(), x + ofGetWidth() / 2 - this->image.getWidth() / 2 + ofRandom(-span / 2, span / 2), y + 30 + ofRandom(-span / 2, span / 2), span / 4);

this->circles.push_back(circle);

this->circles_life.push_back(255);

ofColor c;

c.setHsb(ofRandom(255), 220, 220);

this->circles_color.push_back(c);

}

this->frame.copyTo(this->pre_frame);

this->image.update();

this->fbo.begin();

ofClear(0);

ofBackground(0);

ofSetColor(255);

this->image.draw(ofGetWidth() / 2 - this->image.getWidth() / 2, 30);

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

this->circles_life[i] -= 8;

if (this->circles_life[i] < 0) {

this->circles[i].get()->destroy();

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

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

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

}

else {

ofSetColor(this->circles_color[i], this->circles_life[i] + 128);

ofDrawCircle(this->circles[i].get()->getPosition(), this->circles[i].get()->getRadius());

}

this->fbo.end();

//this->fbo.readToPixels(pixels);

//this->save_image.setFromPixels(pixels);

//this->save_image.save(std::to_string(ofGetFrameNum()) + ".png", OF_IMAGE_QUALITY_BEST);

this->box2d.update();

}

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

void ofApp::draw() {

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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