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

2020年6月16日2020年6月16日

Partial rotation of HIRAGANA. Draw by openFrameworks

[ Video ]

[ About ]
ひらがなを部分的に回転。

Partial rotation of HIRAGANA.

[ Source ]

#pragma once
#include "opencv2/opencv.hpp"
#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) {};

	cv::Mat frame;
	cv::Size frame_size;
	
	float rect_size;
	vector<cv::Mat> rect_frames;
	vector<unique_ptr<ofImage>> rect_images;
	vector<cv::Rect> cv_rects;
};

#pragma once

#include "opencv2/opencv.hpp"

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

cv::Mat frame;

cv::Size frame_size;

float rect_size;

vector<cv::Mat> rect_frames;

vector<unique_ptr<ofImage>> rect_images;

vector<cv::Rect> cv_rects;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofEnableDepthTest();
	ofDisableArbTex();

	this->frame_size = cv::Size(720, 720);
	this->rect_size = 120;
	for (int x = 0; x < this->frame_size.width; x += this->rect_size) {

		for (int y = 0; y < this->frame_size.height; y += this->rect_size) {

			auto image = make_unique<ofImage>();
			image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);
			cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);
			cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

			this->rect_images.push_back(move(image));
			this->cv_rects.push_back(rect);
			this->rect_frames.push_back(frame);
		}
	}

	cv::Mat pic = cv::imread("D:\\char.jpg");
	cv::resize(pic, this->frame, this->frame_size);
	cv::cvtColor(this->frame, this->frame, cv::COLOR_BGR2RGB);
	cv::flip(this->frame, this->frame, 0);
}

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

	ofSeedRandom(39);
}

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

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

		cv::Mat tmp_box_image(this->frame, this->cv_rects[i]);
		tmp_box_image.copyTo(this->rect_frames[i]);
		
		auto noise_value = ofNoise(this->cv_rects[i].x * 0.005, this->cv_rects[i].y * 0.005, ofGetFrameNum() * 0.002);
		int deg = 0;
		if (noise_value > 0.4 && noise_value < 0.6) {

			deg = ofMap(noise_value, 0.4, 0.6, 0, 360);
		}

		if (deg < 80) { deg = 0; }
		else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }
		else if (deg < 170) { deg = 90; }
		else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }
		else if (deg < 260) { deg = 180; }
		else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }
		else if (deg < 350) { deg = 270; }
		else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

		ofPushMatrix();
		ofTranslate(this->cv_rects[i].x + this->rect_size * 0.5, this->frame_size.height - this->cv_rects[i].y - this->rect_size * 0.5, 0);
		ofRotate(deg);

		this->rect_images[i]->update();
		this->rect_images[i]->getTexture().bind();
		ofSetColor(255);
		ofFill();
		ofDrawBox(glm::vec3(), this->rect_size, this->rect_size, 1);
		this->rect_images[i]->unbind();

		ofSetColor(39);
		ofNoFill();
		ofDrawBox(glm::vec3(), this->rect_size, this->rect_size, 1);

		ofPopMatrix();
	}

}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

ofDisableArbTex();

this->frame_size = cv::Size(720, 720);

this->rect_size = 120;

for (int x = 0; x < this->frame_size.width; x += this->rect_size) {

for (int y = 0; y < this->frame_size.height; y += this->rect_size) {

auto image = make_unique<ofImage>();

image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);

cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);

cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

this->rect_images.push_back(move(image));

this->cv_rects.push_back(rect);

this->rect_frames.push_back(frame);

}

cv::Mat pic = cv::imread("D:\\char.jpg");

cv::resize(pic, this->frame, this->frame_size);

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

cv::flip(this->frame, this->frame, 0);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

cv::Mat tmp_box_image(this->frame, this->cv_rects[i]);

tmp_box_image.copyTo(this->rect_frames[i]);

auto noise_value = ofNoise(this->cv_rects[i].x * 0.005, this->cv_rects[i].y * 0.005, ofGetFrameNum() * 0.002);

int deg = 0;

if (noise_value > 0.4 && noise_value < 0.6) {

deg = ofMap(noise_value, 0.4, 0.6, 0, 360);

}

if (deg < 80) { deg = 0; }

else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }

else if (deg < 170) { deg = 90; }

else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }

else if (deg < 260) { deg = 180; }

else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }

else if (deg < 350) { deg = 270; }

else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

ofPushMatrix();

ofTranslate(this->cv_rects[i].x + this->rect_size * 0.5, this->frame_size.height - this->cv_rects[i].y - this->rect_size * 0.5, 0);

ofRotate(deg);

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

this->rect_images[i]->getTexture().bind();

ofSetColor(255);

ofFill();

ofDrawBox(glm::vec3(), this->rect_size, this->rect_size, 1);

this->rect_images[i]->unbind();

ofSetColor(39);

ofNoFill();

ofDrawBox(glm::vec3(), this->rect_size, this->rect_size, 1);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年6月15日2020年6月15日

Inspired by deconbatch’s blog. Draw by openFrameworks

[ Video ]

[ About ]
deconbatchさんのブログからインスパイア。

Inspired by deconbatch’s blog.

円を並べてみる、ただそれだけで：前編
https://note.com/deconbatch/n/nfbda8750782a

[ 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);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetColor(39);
}

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

}

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

	int span = 30;
	int radius_max = span * 0.48;
	int radius_min = span * 0.05;

	for (int x = span * 0.5; x <= ofGetWidth() - span * 0.5; x += span) {

		for (int y = span * 0.5; y <= ofGetHeight() - span * 0.5; y += span) {

			auto noise_value = ofNoise(x * 0.005 + ofGetFrameNum() * 0.015);
			auto noise_y = ofMap(noise_value, 0, 1, 0, ofGetHeight());

			auto location = glm::vec2(x, y);
			auto noise_location = glm::vec2(x, noise_y);
			auto distance = glm::distance(location, noise_location);

			if (distance < 120) {

				ofDrawCircle(location, ofMap(distance, 0, 120, radius_max, radius_min));
			}
			else {

				ofDrawCircle(location, radius_min);
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int span = 30;

int radius_max = span * 0.48;

int radius_min = span * 0.05;

for (int x = span * 0.5; x <= ofGetWidth() - span * 0.5; x += span) {

for (int y = span * 0.5; y <= ofGetHeight() - span * 0.5; y += span) {

auto noise_value = ofNoise(x * 0.005 + ofGetFrameNum() * 0.015);

auto noise_y = ofMap(noise_value, 0, 1, 0, ofGetHeight());

auto location = glm::vec2(x, y);

auto noise_location = glm::vec2(x, noise_y);

auto distance = glm::distance(location, noise_location);

if (distance < 120) {

ofDrawCircle(location, ofMap(distance, 0, 120, radius_max, radius_min));

}

else {

ofDrawCircle(location, radius_min);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年6月14日

It’s partially transparent. Draw by openFrameworks

[ Video ]

[ About ]
顔を検出して、パーツごとに透けさせる。

It’s partially transparent.

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

	ofEasyCam cam;

	cv::VideoCapture cap;
	cv::Size cap_size;
	cv::Mat frame, save_frame;
	cv::CascadeClassifier face_cascade;
	glm::vec2 face_location, face_size;

	float rect_size;
	vector<cv::Mat> rect_frames;
	vector<unique_ptr<ofImage>> rect_images;
	vector<cv::Rect> cv_rects;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

cv::VideoCapture cap;

cv::Size cap_size;

cv::Mat frame, save_frame;

cv::CascadeClassifier face_cascade;

glm::vec2 face_location, face_size;

float rect_size;

vector<cv::Mat> rect_frames;

vector<unique_ptr<ofImage>> rect_images;

vector<cv::Rect> cv_rects;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofEnableDepthTest();
	ofDisableArbTex();

	this->cap_size = cv::Size(640, 360);

	this->cap.open(0);
	this->cap.set(cv::CAP_PROP_FPS, 30);
	this->cap.set(cv::CAP_PROP_FRAME_WIDTH, this->cap_size.width);
	this->cap.set(cv::CAP_PROP_FRAME_HEIGHT, this->cap_size.height);

	this->rect_size = 20;
	for (int x = 0; x < this->cap_size.width; x += this->rect_size) {

		for (int y = 0; y < this->cap_size.height; y += this->rect_size) {

			auto image = make_unique<ofImage>();
			image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);
			cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);
			cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

			this->rect_images.push_back(move(image));
			this->cv_rects.push_back(rect);
			this->rect_frames.push_back(frame);
		}
	}

	this->face_cascade.load("D:\\opencv_4.1.2\\build\\install\\etc\\haarcascades\\haarcascade_frontalface_alt2.xml");
}

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

	cv::Mat frame, blend;
	if (!this->cap.isOpened()) { return; }

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

	cv::cvtColor(this->frame, this->frame, cv::COLOR_RGB2BGR);
	cv::flip(this->frame, this->frame, 1);

	if (ofGetFrameNum() == 0) { this->frame.copyTo(this->save_frame); }

	cv::Mat gray_frame, small_frame;
	cv::cvtColor(this->frame, gray_frame, cv::COLOR_RGB2GRAY);
	cv::resize(gray_frame, small_frame, cv::Size(this->cap_size.width * 0.5, this->cap_size.height * 0.5));

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

	int face_count = 0;
	this->face_location = glm::vec2();
	this->face_size = glm::vec2();
	float max_area = 0.f;
	for (cv::Rect r : faces) {

		auto tmp_face_location = glm::vec2(r.x * 2.f, r.y * 2.f);
		auto tmp_face_size = glm::vec2(r.width * 2, r.height * 2);
		auto area = r.width * r.height;
		if (area > max_area) {

			this->face_location = tmp_face_location;
			this->face_size = tmp_face_size;
		}
	}
}

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

	this->cam.begin();
	ofTranslate(this->cap_size.width * -0.5, this->cap_size.height * -0.5, 0);

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

		cv::Mat tmp_box_image(this->save_frame, this->cv_rects[i]);
		tmp_box_image.copyTo(this->rect_frames[i]);

		if (this->cv_rects[i].x > this->face_location.x - 20 - 40 && this->cv_rects[i].x < this->face_location.x - 20 + this->face_size.x + 0
			&& this->cv_rects[i].y > this->face_location.y - 20 - 40 && this->cv_rects[i].y < this->face_location.y - 20 + this->face_size.y + 0) {
		
			auto noise_value = ofNoise(this->cv_rects[i].x, this->cv_rects[i].y, ofGetFrameNum() * 0.2);

			if (noise_value < 0.55) {

				cv::Mat tmp_box_image(this->save_frame, this->cv_rects[i]);
				tmp_box_image.copyTo(this->rect_frames[i]);
			}
			else {

				cv::Mat tmp_box_image(this->frame, this->cv_rects[i]);
				tmp_box_image.copyTo(this->rect_frames[i]);
			}
		}
		else {

			cv::Mat tmp_box_image(this->frame, this->cv_rects[i]);
			tmp_box_image.copyTo(this->rect_frames[i]);
		}

		this->rect_images[i]->update();
		this->rect_images[i]->getTexture().bind();
		ofSetColor(255);
		ofFill();
		ofDrawBox(glm::vec3(this->cv_rects[i].x + 10, this->cap_size.height - this->cv_rects[i].y - 10, 0), this->rect_size, this->rect_size, 5);
		this->rect_images[i]->unbind();

		ofSetColor(39);
		ofNoFill();
		ofDrawBox(glm::vec3(this->cv_rects[i].x + 10, this->cap_size.height - this->cv_rects[i].y - 10, 0), this->rect_size, this->rect_size, 5);
	}

	this->cam.end();
}

//--------------------------------------------------------------
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

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

ofDisableArbTex();

this->cap_size = cv::Size(640, 360);

this->cap.open(0);

this->cap.set(cv::CAP_PROP_FPS, 30);

this->cap.set(cv::CAP_PROP_FRAME_WIDTH, this->cap_size.width);

this->cap.set(cv::CAP_PROP_FRAME_HEIGHT, this->cap_size.height);

this->rect_size = 20;

for (int x = 0; x < this->cap_size.width; x += this->rect_size) {

for (int y = 0; y < this->cap_size.height; y += this->rect_size) {

auto image = make_unique<ofImage>();

image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);

cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);

cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

this->rect_images.push_back(move(image));

this->cv_rects.push_back(rect);

this->rect_frames.push_back(frame);

}

this->face_cascade.load("D:\\opencv_4.1.2\\build\\install\\etc\\haarcascades\\haarcascade_frontalface_alt2.xml");

}

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

void ofApp::update() {

cv::Mat frame, blend;

if (!this->cap.isOpened()) { return; }

this->cap >> this->frame;

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

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

cv::flip(this->frame, this->frame, 1);

if (ofGetFrameNum() == 0) { this->frame.copyTo(this->save_frame); }

cv::Mat gray_frame, small_frame;

cv::cvtColor(this->frame, gray_frame, cv::COLOR_RGB2GRAY);

cv::resize(gray_frame, small_frame, cv::Size(this->cap_size.width * 0.5, this->cap_size.height * 0.5));

vector<cv::Rect> faces;

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

int face_count = 0;

this->face_location = glm::vec2();

this->face_size = glm::vec2();

float max_area = 0.f;

for (cv::Rect r : faces) {

auto tmp_face_location = glm::vec2(r.x * 2.f, r.y * 2.f);

auto tmp_face_size = glm::vec2(r.width * 2, r.height * 2);

auto area = r.width * r.height;

if (area > max_area) {

this->face_location = tmp_face_location;

this->face_size = tmp_face_size;

}

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

void ofApp::draw() {

this->cam.begin();

ofTranslate(this->cap_size.width * -0.5, this->cap_size.height * -0.5, 0);

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

cv::Mat tmp_box_image(this->save_frame, this->cv_rects[i]);

tmp_box_image.copyTo(this->rect_frames[i]);

if (this->cv_rects[i].x > this->face_location.x - 20 - 40 && this->cv_rects[i].x < this->face_location.x - 20 + this->face_size.x + 0

&& this->cv_rects[i].y > this->face_location.y - 20 - 40 && this->cv_rects[i].y < this->face_location.y - 20 + this->face_size.y + 0) {

auto noise_value = ofNoise(this->cv_rects[i].x, this->cv_rects[i].y, ofGetFrameNum() * 0.2);

if (noise_value < 0.55) {

cv::Mat tmp_box_image(this->save_frame, this->cv_rects[i]);

tmp_box_image.copyTo(this->rect_frames[i]);

}

else {

cv::Mat tmp_box_image(this->frame, this->cv_rects[i]);

tmp_box_image.copyTo(this->rect_frames[i]);

}

else {

cv::Mat tmp_box_image(this->frame, this->cv_rects[i]);

tmp_box_image.copyTo(this->rect_frames[i]);

}

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

this->rect_images[i]->getTexture().bind();

ofSetColor(255);

ofFill();

ofDrawBox(glm::vec3(this->cv_rects[i].x + 10, this->cap_size.height - this->cv_rects[i].y - 10, 0), this->rect_size, this->rect_size, 5);

this->rect_images[i]->unbind();

ofSetColor(39);

ofNoFill();

ofDrawBox(glm::vec3(this->cv_rects[i].x + 10, this->cap_size.height - this->cv_rects[i].y - 10, 0), this->rect_size, this->rect_size, 5);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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