2020年3月 – ページ 10 – プログラミング de 落描き

2020年3月4日2020年3月4日

Scattered frames. openFrameworks

[ Video ]

[ About ]
フレームを散りばめる。

Scattered frames.

[ 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;
	int number_of_frames;
	vector<cv::Mat> frame_list;

	ofImage image;
	cv::Mat frame;
	vector<ofMesh> mesh_list;
};

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

int number_of_frames;

vector<cv::Mat> frame_list;

ofImage image;

cv::Mat frame;

vector<ofMesh> mesh_list;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(255);
	ofEnableDepthTest();
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->cap.open("D:\\video\\image16.mp4");
	this->cap_size = cv::Size(256, 144);

	this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame = cv::Mat(cv::Size(this->image.getWidth(), this->image.getHeight()), CV_MAKETYPE(CV_8UC3, this->image.getPixels().getNumChannels()), this->image.getPixels().getData(), 0);

	this->number_of_frames = 30 * 25; // Second * FrameRate
	for (int i = 0; i < this->number_of_frames; i++) {

		cv::Mat src, tmp;
		this->cap >> src;
		if (src.empty()) {

			continue;
		}

		cv::resize(src, tmp, this->cap_size);
		cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

		this->frame_list.push_back(tmp);
	}

	for (int i = 0; i < 128; i++) {

		ofMesh mesh;
		mesh.addVertex(glm::vec3(-128, -72, 0));
		mesh.addVertex(glm::vec3(128, -72, 0));
		mesh.addVertex(glm::vec3(128, 72, 0));
		mesh.addVertex(glm::vec3(-128, 72, 0));

		mesh.addTexCoord(glm::vec3(0, 0, 0));
		mesh.addTexCoord(glm::vec3(256, 0, 0));
		mesh.addTexCoord(glm::vec3(256, 144, 0));
		mesh.addTexCoord(glm::vec3(0, 144, 0));

		mesh.addIndex(0); mesh.addIndex(1); mesh.addIndex(2);
		mesh.addIndex(0); mesh.addIndex(2); mesh.addIndex(3);

		this->mesh_list.push_back(mesh);
	}
}

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

	ofSeedRandom(39);
}

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

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

	for (auto& mesh : this->mesh_list) {

		auto location = glm::vec3(ofRandom(-1280, 1280), ofRandom(-720, 720), 0);
		int n = ((int)ofMap(location.x, -1280, 1280, this->number_of_frames, 0) + ofGetFrameNum()) % this->number_of_frames;
		this->frame_list[n].copyTo(this->frame);
		this->image.update();

		ofPushMatrix();
		ofTranslate(location);

		ofRotateZ(ofRandom(360));

		ofFill();
		this->image.bind();
		mesh.draw();
		this->image.unbind();

		ofNoFill();
		ofDrawRectangle(0, 0, 256, 144);

		ofPopMatrix();
	}

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

ofEnableDepthTest();

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->cap.open("D:\\video\\image16.mp4");

this->cap_size = cv::Size(256, 144);

this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

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

this->number_of_frames = 30 * 25; // Second * FrameRate

for (int i = 0; i < this->number_of_frames; i++) {

cv::Mat src, tmp;

this->cap >> src;

if (src.empty()) {

continue;

}

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

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

this->frame_list.push_back(tmp);

}

for (int i = 0; i < 128; i++) {

ofMesh mesh;

mesh.addVertex(glm::vec3(-128, -72, 0));

mesh.addVertex(glm::vec3(128, -72, 0));

mesh.addVertex(glm::vec3(128, 72, 0));

mesh.addVertex(glm::vec3(-128, 72, 0));

mesh.addTexCoord(glm::vec3(0, 0, 0));

mesh.addTexCoord(glm::vec3(256, 0, 0));

mesh.addTexCoord(glm::vec3(256, 144, 0));

mesh.addTexCoord(glm::vec3(0, 144, 0));

mesh.addIndex(0); mesh.addIndex(1); mesh.addIndex(2);

mesh.addIndex(0); mesh.addIndex(2); mesh.addIndex(3);

this->mesh_list.push_back(mesh);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

for (auto& mesh : this->mesh_list) {

auto location = glm::vec3(ofRandom(-1280, 1280), ofRandom(-720, 720), 0);

int n = ((int)ofMap(location.x, -1280, 1280, this->number_of_frames, 0) + ofGetFrameNum()) % this->number_of_frames;

this->frame_list[n].copyTo(this->frame);

this->image.update();

ofPushMatrix();

ofTranslate(location);

ofRotateZ(ofRandom(360));

ofFill();

this->image.bind();

mesh.draw();

this->image.unbind();

ofNoFill();

ofDrawRectangle(0, 0, 256, 144);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年3月3日2020年3月3日

Torus of red and white. openFrameworks

[ Video ]

[ About ]
縁起が良さそうな色合いのトーラス。

Torus of red and white.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();

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

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

	this->face.clear();
	this->frame.clear();

	auto R = 100.f;
	auto r = 30.f;
	auto u_step = 1.f;
	auto v_step = 1.f;

	for (int i = 0; i < 7; i++) {

		float angle_z = (i * u_step * 2) * DEG_TO_RAD;
		auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

		auto v_start = 0.f;
		auto v_len = 360.f;

		if (i % 2 == 0) {

			v_start = (ofGetFrameNum() + i * 15) % 360;
			v_len = 180;
		}

		for (auto v = v_start; v < v_start + v_len; v += v_step) {

			vector<glm::vec3> vertices{
				glm::vec4(this->make_point(R, r, v * u_step, v), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, (v + v_step) * u_step, v + v_step), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, v * u_step, v + v_step), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, (v - v_step) * u_step, v), 0) * rotation_z
			};

			auto index = this->face.getNumVertices();

			this->face.addVertices(vertices);
			this->frame.addVertices(vertices);

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

			this->frame.addIndex(index + 0); this->frame.addIndex(index + 1);
			this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);
			
			for (int k = 0; k < 4; k++) {

				i % 2 == 0 ? this->face.addColor(ofColor(239, 39, 39)) : this->face.addColor(ofColor(239));
				i % 2 == 0 ? this->frame.addColor(ofColor(239)) : this->frame.addColor(ofColor(239, 39, 39));
			}
		}
	}
}


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

	this->cam.begin();

	this->face.draw();
	this->frame.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(7 * u)) * cos(2 * v);
	auto y = (R + r * cos(7 * u)) * sin(2 * v);
	auto z = r * sin(7 * u);

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


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

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

100

101

102

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

auto R = 100.f;

auto r = 30.f;

auto u_step = 1.f;

auto v_step = 1.f;

for (int i = 0; i < 7; i++) {

float angle_z = (i * u_step * 2) * DEG_TO_RAD;

auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

auto v_start = 0.f;

auto v_len = 360.f;

if (i % 2 == 0) {

v_start = (ofGetFrameNum() + i * 15) % 360;

v_len = 180;

}

for (auto v = v_start; v < v_start + v_len; v += v_step) {

vector<glm::vec3> vertices{

glm::vec4(this->make_point(R, r, v * u_step, v), 0) * rotation_z,

glm::vec4(this->make_point(R, r, (v + v_step) * u_step, v + v_step), 0) * rotation_z,

glm::vec4(this->make_point(R, r, v * u_step, v + v_step), 0) * rotation_z,

glm::vec4(this->make_point(R, r, (v - v_step) * u_step, v), 0) * rotation_z

};

auto index = this->face.getNumVertices();

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

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

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

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

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

for (int k = 0; k < 4; k++) {

i % 2 == 0 ? this->face.addColor(ofColor(239, 39, 39)) : this->face.addColor(ofColor(239));

i % 2 == 0 ? this->frame.addColor(ofColor(239)) : this->frame.addColor(ofColor(239, 39, 39));

}

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

void ofApp::draw() {

this->cam.begin();

this->face.draw();

this->frame.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(7 * u)) * cos(2 * v);

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

auto z = r * sin(7 * u);

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

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年3月2日2020年3月2日

Divide video and stack by frame. openFrameworks

[ Video ]

[ About ]
動画を分割・フレーム毎に積み重ねる。

Divide video and stack by frame.

[ 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;
	int number_of_frames;
	vector<cv::Mat> frame_list;

	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;

int number_of_frames;

vector<cv::Mat> frame_list;

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.open("image9.mp4");
	this->cap_size = cv::Size(640, 360);

	this->rect_size = 40;
	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->number_of_frames = 45;
	for (int i = 0; i < this->number_of_frames; i++) {

		cv::Mat src, tmp;
		this->cap >> src;
		if (src.empty()) {

			return;
		}

		cv::resize(src, tmp, this->cap_size);
		cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

		this->frame_list.push_back(tmp);
	}
}

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

}

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

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

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

		int frame_max = ofMap(ofNoise(this->cv_rects[i].x * 0.0035, this->cv_rects[i].y * 0.0035, ofGetFrameNum() * 0.03), 0, 1, 0, 45);
		for (int frame_index = 0; frame_index < frame_max; frame_index++) {

			cv::Mat tmp_box_image(this->frame_list[frame_index], 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, this->cap_size.height - this->cv_rects[i].y, frame_index * 10), this->rect_size, this->rect_size, 10);
			this->rect_images[i]->unbind();

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

			ofPopMatrix();
		}
	}

	this->cam.end();
}

//--------------------------------------------------------------
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->cap.open("image9.mp4");

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

this->rect_size = 40;

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->number_of_frames = 45;

for (int i = 0; i < this->number_of_frames; i++) {

cv::Mat src, tmp;

this->cap >> src;

if (src.empty()) {

return;

}

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

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

this->frame_list.push_back(tmp);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

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

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

int frame_max = ofMap(ofNoise(this->cv_rects[i].x * 0.0035, this->cv_rects[i].y * 0.0035, ofGetFrameNum() * 0.03), 0, 1, 0, 45);

for (int frame_index = 0; frame_index < frame_max; frame_index++) {

cv::Mat tmp_box_image(this->frame_list[frame_index], 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, this->cap_size.height - this->cv_rects[i].y, frame_index * 10), this->rect_size, this->rect_size, 10);

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

ofSetColor(39);

ofNoFill();

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

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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