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

2018年5月18日2018年5月18日

奥行が感じれる画面 openFrameworks OpenCV

[ Video ]

[ About ]
奥行が感じれる(かもしれない)画面を作ってみまいた。だいぶ前にSNSで見かけてやってみたかったヤツです。視点の認識はOpenCVの顔認識を使いました。

Surfaceの内蔵センサーの値を使っても何かしらできそう。

[ Source ]

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

	// Make Member
	cv::VideoCapture cap;
	cv::Size cap_size;
	cv::Mat src, mini_src;
	cv::CascadeClassifier face_cascade;
	ofPoint gap;
};

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

// Make Member

cv::VideoCapture cap;

cv::Size cap_size;

cv::Mat src, mini_src;

cv::CascadeClassifier face_cascade;

ofPoint gap;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
	ofSetLineWidth(2);

	this->cap.open(1);
	this->cap_size = cv::Size(320, 180);
	this->face_cascade.load("opencv-3.4.1\\build\\install\\etc\\haarcascades\\haarcascade_frontalface_default.xml");
	this->gap = ofPoint(0, 0);
}

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

	this->cap >> src;
	cv::resize(src, mini_src, this->cap_size);

	vector<cv::Rect> faces;
	this->face_cascade.detectMultiScale(mini_src, faces);

	if(faces.size() > 0){

		this->gap = ofPoint(ofMap(faces[0].x + faces[0].width / 2, 0, this->cap_size.width, 30, -30), ofMap(faces[0].y, 0, this->cap_size.height, -30, 30));
	}

	cv::imshow("mini_src", mini_src);
	cv::waitKey(1);
}


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

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

	for (int z = 0; z > -600; z += -20) {

		ofFill();
		ofSetColor(239, ofMap(z, 0, -600, 255, 0));

		ofBeginShape();
		ofVertex(ofGetWidth() * 0.5, ofGetHeight() * 0.5, z);
		ofVertex(-ofGetWidth() * 0.5, ofGetHeight() * 0.5, z);
		ofVertex(-ofGetWidth() * 0.5, -ofGetHeight() * 0.5, z);
		ofVertex(ofGetWidth() * 0.5, -ofGetHeight() * 0.5, z);

		ofNextContour(true);

		ofVertex(ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);
		ofVertex(-ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);
		ofVertex(-ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);
		ofVertex(ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);

		ofEndShape(true);

		ofNoFill();
		ofSetColor(39);

		ofBeginShape();
		ofVertex(ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);
		ofVertex(-ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);
		ofVertex(-ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);
		ofVertex(ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);
		ofEndShape(true);

		ofTranslate(this->gap.x, this->gap.y);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofSetLineWidth(2);

this->cap.open(1);

this->cap_size = cv::Size(320, 180);

this->face_cascade.load("opencv-3.4.1\\build\\install\\etc\\haarcascades\\haarcascade_frontalface_default.xml");

this->gap = ofPoint(0, 0);

}

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

void ofApp::update() {

this->cap >> src;

cv::resize(src, mini_src, this->cap_size);

vector<cv::Rect> faces;

this->face_cascade.detectMultiScale(mini_src, faces);

if(faces.size() > 0){

this->gap = ofPoint(ofMap(faces[0].x + faces[0].width / 2, 0, this->cap_size.width, 30, -30), ofMap(faces[0].y, 0, this->cap_size.height, -30, 30));

}

cv::imshow("mini_src", mini_src);

cv::waitKey(1);

}

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

void ofApp::draw() {

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

for (int z = 0; z > -600; z += -20) {

ofFill();

ofSetColor(239, ofMap(z, 0, -600, 255, 0));

ofBeginShape();

ofVertex(ofGetWidth() * 0.5, ofGetHeight() * 0.5, z);

ofVertex(-ofGetWidth() * 0.5, ofGetHeight() * 0.5, z);

ofVertex(-ofGetWidth() * 0.5, -ofGetHeight() * 0.5, z);

ofVertex(ofGetWidth() * 0.5, -ofGetHeight() * 0.5, z);

ofNextContour(true);

ofVertex(ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);

ofVertex(-ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);

ofVertex(-ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);

ofVertex(ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);

ofEndShape(true);

ofNoFill();

ofSetColor(39);

ofBeginShape();

ofVertex(ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);

ofVertex(-ofGetWidth() * 0.47, ofGetHeight() * 0.47, z);

ofVertex(-ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);

ofVertex(ofGetWidth() * 0.47, -ofGetHeight() * 0.47, z);

ofEndShape(true);

ofTranslate(this->gap.x, this->gap.y);

}

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

int main() {

ofSetupOpenGL(1920, 1080, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年5月17日2018年5月17日

Circle と Square openFrameworks

[ Video ]

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

	// Make Method
	ofPoint make_rect_point(float half_len, int deg);
};

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

// Make Method

ofPoint make_rect_point(float half_len, int deg);

};

#include "ofApp.h"

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

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

	ofSetLineWidth(2);
	ofSetColor(239, 0, 0);
}

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

}

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

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

	int radius = 150;
	int half_len = 300;
	for (int deg = 0; deg < 360; deg += 2) {

		ofPoint circle_point = ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		float noise_value = ofNoise(circle_point.x * 0.015, circle_point.y * 0.015, ofGetFrameNum() * 0.005);
		ofPoint rect_point = make_rect_point(half_len * noise_value , deg);
		if (rect_point.length() > radius) {

			rect_point = make_rect_point(half_len, deg);
		}
		else {

			rect_point = ofPoint(rect_point.length() * cos(deg * DEG_TO_RAD), rect_point.length() * sin(deg * DEG_TO_RAD));
		}

		ofDrawLine(circle_point, rect_point);
	}
}

//--------------------------------------------------------------
ofPoint ofApp::make_rect_point(float half_len, int deg) {

	int param = (deg + 45) / 90;
	ofPoint point;

	switch (param % 4) {

	case 0:

		return ofPoint(len, ofMap((deg + 45) % 90, 0, 89, -len, len));
	case 1:

		return  ofPoint(ofMap((deg + 45) % 90, 0, 89, len, -len), len);
	case 2:

		return ofPoint(-len, ofMap((deg + 45) % 90, 0, 89, len, -len));
	case 3:

		return ofPoint(ofMap((deg + 45) % 90, 0, 89, -len, len), -len);
	default:

		return ofPoint(0, 0);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofSetLineWidth(2);

ofSetColor(239, 0, 0);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

int radius = 150;

int half_len = 300;

for (int deg = 0; deg < 360; deg += 2) {

ofPoint circle_point = ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

float noise_value = ofNoise(circle_point.x * 0.015, circle_point.y * 0.015, ofGetFrameNum() * 0.005);

ofPoint rect_point = make_rect_point(half_len * noise_value , deg);

if (rect_point.length() > radius) {

rect_point = make_rect_point(half_len, deg);

}

else {

rect_point = ofPoint(rect_point.length() * cos(deg * DEG_TO_RAD), rect_point.length() * sin(deg * DEG_TO_RAD));

}

ofDrawLine(circle_point, rect_point);

}

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

ofPoint ofApp::make_rect_point(float half_len, int deg) {

int param = (deg + 45) / 90;

ofPoint point;

switch (param % 4) {

case 0:

return ofPoint(len, ofMap((deg + 45) % 90, 0, 89, -len, len));

case 1:

return ofPoint(ofMap((deg + 45) % 90, 0, 89, len, -len), len);

case 2:

return ofPoint(-len, ofMap((deg + 45) % 90, 0, 89, len, -len));

case 3:

return ofPoint(ofMap((deg + 45) % 90, 0, 89, -len, len), -len);

default:

return ofPoint(0, 0);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年5月16日2018年5月16日

Twist Circles openFrameworks

[ Video ]

[ About ]
フレーム数を引数とした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) {};

	// Make Member
	ofEasyCam cam;

	// Make Method
	void draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span);
};

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

// Make Member

ofEasyCam cam;

// Make Method

void draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span);

};

#include "ofApp.h"

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

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

	ofNoFill();
	ofSetColor(39);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(3939);
}

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

	this->cam.begin();

	for (int x = -1; x < 2; x++) {

		for (int y = -1; y < 2; y++) {

			this->draw_twist_circle(ofPoint(x * 230, y * 230), 20, 100, 10);
		}
	}

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span) {

	float noise_z = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);
	float noise_deg_x = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);
	float noise_deg_y = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);
	for (int radius = radius_base; radius <= radius_max; radius += radius_span) {

		ofPushMatrix();
		ofTranslate(point + ofPoint(0, 0, noise_z * ofMap(radius, radius_base, radius_max, 1, 0)));

		if (radius < radius_max * 0.65) {

			ofRotateX(noise_deg_x * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));
			ofRotateY(noise_deg_y * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));
		}
		else {

			ofRotateX(noise_deg_x * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));
			ofRotateY(noise_deg_y * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));
		}

		ofBeginShape();
		for (int deg = 0; deg <= 360; deg++) {

			ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		}
		ofEndShape(true);

		ofPopMatrix();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofNoFill();

ofSetColor(39);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(3939);

}

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

void ofApp::draw() {

this->cam.begin();

for (int x = -1; x < 2; x++) {

for (int y = -1; y < 2; y++) {

this->draw_twist_circle(ofPoint(x * 230, y * 230), 20, 100, 10);

}

this->cam.end();

}

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

void ofApp::draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span) {

float noise_z = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);

float noise_deg_x = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);

float noise_deg_y = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);

for (int radius = radius_base; radius <= radius_max; radius += radius_span) {

ofPushMatrix();

ofTranslate(point + ofPoint(0, 0, noise_z * ofMap(radius, radius_base, radius_max, 1, 0)));

if (radius < radius_max * 0.65) {

ofRotateX(noise_deg_x * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));

ofRotateY(noise_deg_y * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));

}

else {

ofRotateX(noise_deg_x * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));

ofRotateY(noise_deg_y * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));

}

ofBeginShape();

for (int deg = 0; deg <= 360; deg++) {

ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

}

ofEndShape(true);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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