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

2020年1月28日2020年1月28日

Moving words. openFrameworks

[ Video ]

[ About ]
浮遊する文字列。

Moving words.

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

	float font_size;
	ofTrueTypeFont font;
};

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

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(1.5);
	ofEnableDepthTest();

	this->font_size = 15;
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);

	vector<string> word_list = { "PCD TOKYO 2020 !", "PCD TOKYO 2020 !", "PCD TOKYO 2020 !", "PCD TOKYO 2020 !" };
	int sample_count = 180;
	for (auto& word : word_list) {

		auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

		auto word_size = this->font.getStringBoundingBox(word, 0, 0);
		vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].getOutline();

			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				if (outline_index != 0) { ofNextContour(true); }

				auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
				for (auto& vertex : vertices) {

					auto noise_location = glm::vec3(
						ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

					ofVertex(noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0));
				}
			}
			ofEndShape();
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(1.5);

ofEnableDepthTest();

this->font_size = 15;

this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

vector<string> word_list = { "PCD TOKYO 2020 !", "PCD TOKYO 2020 !", "PCD TOKYO 2020 !", "PCD TOKYO 2020 !" };

int sample_count = 180;

for (auto& word : word_list) {

auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

auto word_size = this->font.getStringBoundingBox(word, 0, 0);

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();

for (auto& vertex : vertices) {

auto noise_location = glm::vec3(

ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

ofVertex(noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0));

}

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月27日2020年1月27日

Multilayer torus.

[ Video ]

[ About ]
多層トーラス＆ノイズでの表示・非表示の切り替え。

Multilayer torus & Switch draw by noise value from location.

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

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh face_mesh, frame_mesh;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh face_mesh, frame_mesh;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetLineWidth(1.5);
	ofEnableDepthTest();

	this->frame_mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);

	this->face_mesh.clear();
	this->frame_mesh.clear();

	auto R = 200;
	auto v_span = 5;
	auto u_span = 8;
	for (auto r = 10; r < 50; r += 10) {

		for (auto v = 0; v < 360; v += v_span) {

			for (auto u = 0; u < 360; u += u_span) {

				auto noise_seed = this->make_point(R, r, u + u_span * 0.5, v + v_span * 0.5);
				auto noise_value = ofNoise(glm::vec4(noise_seed * 0.005, ofGetFrameNum() * 0.01));
				if (noise_value > 0.5) {

					vector<glm::vec3> vertices;
					vertices.push_back(this->make_point(R, r, u, v));
					vertices.push_back(this->make_point(R, r, u + u_span, v));
					vertices.push_back(this->make_point(R, r, u + u_span, v + v_span));
					vertices.push_back(this->make_point(R, r, u, v + v_span));

					int index = this->face_mesh.getNumVertices();
					this->face_mesh.addVertices(vertices);
					this->frame_mesh.addVertices(vertices);

					this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 2);
					this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 3);

					this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 1);
					this->frame_mesh.addIndex(index + 1); this->frame_mesh.addIndex(index + 2);
					this->frame_mesh.addIndex(index + 2); this->frame_mesh.addIndex(index + 3);
					this->frame_mesh.addIndex(index + 3); this->frame_mesh.addIndex(index + 0);
				}
			}
		}
	}
}

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

	this->cam.begin();
	ofRotateX(300);

	ofSetColor(239);
	this->face_mesh.drawFaces();

	ofSetColor(39);
	this->frame_mesh.drawWireframe();

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(1.5);

ofEnableDepthTest();

this->frame_mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face_mesh.clear();

this->frame_mesh.clear();

auto R = 200;

auto v_span = 5;

auto u_span = 8;

for (auto r = 10; r < 50; r += 10) {

for (auto v = 0; v < 360; v += v_span) {

for (auto u = 0; u < 360; u += u_span) {

auto noise_seed = this->make_point(R, r, u + u_span * 0.5, v + v_span * 0.5);

auto noise_value = ofNoise(glm::vec4(noise_seed * 0.005, ofGetFrameNum() * 0.01));

if (noise_value > 0.5) {

vector<glm::vec3> vertices;

vertices.push_back(this->make_point(R, r, u, v));

vertices.push_back(this->make_point(R, r, u + u_span, v));

vertices.push_back(this->make_point(R, r, u + u_span, v + v_span));

vertices.push_back(this->make_point(R, r, u, v + v_span));

int index = this->face_mesh.getNumVertices();

this->face_mesh.addVertices(vertices);

this->frame_mesh.addVertices(vertices);

this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 2);

this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 3);

this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 1);

this->frame_mesh.addIndex(index + 1); this->frame_mesh.addIndex(index + 2);

this->frame_mesh.addIndex(index + 2); this->frame_mesh.addIndex(index + 3);

this->frame_mesh.addIndex(index + 3); this->frame_mesh.addIndex(index + 0);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(300);

ofSetColor(239);

this->face_mesh.drawFaces();

ofSetColor(39);

this->frame_mesh.drawWireframe();

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月26日

Face detection and image split. openFrameworks

[ Video ]

[ About ]
OpenCVで顔検出して、そこだけ分裂

Face detection and image split.

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

	cv::VideoCapture cap;
	cv::Size cap_size;
	cv::Mat frame;
	cv::CascadeClassifier face_cascade;

	ofEasyCam cam;
	ofMesh mesh;
};

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

cv::VideoCapture cap;

cv::Size cap_size;

cv::Mat frame;

cv::CascadeClassifier face_cascade;

ofEasyCam cam;

ofMesh mesh;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(255);
	ofSetColor(255);
	ofEnableDepthTest();

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

	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->face_cascade.load("D:\\opencv_4.1.2\\build\\install\\etc\\haarcascades\\haarcascade_frontalface_alt2.xml");
}

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

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

	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;
	glm::vec2 face_location, face_size;
	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) {

			face_location = tmp_face_location;
			face_size = tmp_face_size;
		}
	}

	this->mesh.clear();

	int span = 1;
	for (int x = 0; x < this->frame.cols; x += span) {

		float param_y = 0;
		if (face_location.x < x && x < face_location.x + face_size.x) {

			param_y = ofMap(ofNoise((x / 20) * 20, ofGetFrameNum() * 0.05), 0, 1, -100, 100);
		}

		for (int y = 0; y < this->frame.rows; y += span) {

			glm::vec3 vertex = glm::vec3(x, y + param_y, 0) - glm::vec3(this->cap_size.width * 0.5, this->cap_size.height * 0.5, 0);
			cv::Vec3b tmp = this->frame.at<cv::Vec3b>(y, x);
			auto color = ofColor(tmp[0], tmp[1], tmp[2]);

			this->mesh.addVertex(vertex);
			this->mesh.addColor(ofColor(0.299 * color.r + 0.587 * color.g + 0.114 * color.b));
		}
	}

	int cols = this->frame.rows / span;
	int rows = this->frame.cols / span;

	for (int col = 1; col < cols; col++) {

		for (int row = 1; row < rows; row++) {

			this->mesh.addIndex(col + row * cols);
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex((col - 1) + row * cols);

			this->mesh.addIndex(col + row * cols);
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex(col + (row - 1) * cols);
		}
	}
}

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

	this->cam.begin();
	ofRotateX(180);

	this->mesh.draw();

	this->cam.end();
}

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

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

100

101

102

103

104

105

106

107

108

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofSetColor(255);

ofEnableDepthTest();

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

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->face_cascade.load("D:\\opencv_4.1.2\\build\\install\\etc\\haarcascades\\haarcascade_frontalface_alt2.xml");

}

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

void ofApp::update() {

this->cap >> this->frame;

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

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

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;

glm::vec2 face_location, face_size;

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

face_location = tmp_face_location;

face_size = tmp_face_size;

}

this->mesh.clear();

int span = 1;

for (int x = 0; x < this->frame.cols; x += span) {

float param_y = 0;

if (face_location.x < x && x < face_location.x + face_size.x) {

param_y = ofMap(ofNoise((x / 20) * 20, ofGetFrameNum() * 0.05), 0, 1, -100, 100);

}

for (int y = 0; y < this->frame.rows; y += span) {

glm::vec3 vertex = glm::vec3(x, y + param_y, 0) - glm::vec3(this->cap_size.width * 0.5, this->cap_size.height * 0.5, 0);

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

auto color = ofColor(tmp[0], tmp[1], tmp[2]);

this->mesh.addVertex(vertex);

this->mesh.addColor(ofColor(0.299 * color.r + 0.587 * color.g + 0.114 * color.b));

}

int cols = this->frame.rows / span;

int rows = this->frame.cols / span;

for (int col = 1; col < cols; col++) {

for (int row = 1; row < rows; row++) {

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex((col - 1) + row * cols);

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex(col + (row - 1) * cols);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

this->mesh.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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