openFrameworks – ページ 473 – プログラミング de 落描き

2021年8月20日2021年8月20日

Bunch of changing rings. Draw by openFrameworks

[ Video ]

[ About ]

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

	void setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float width, float height, int deg_start, int deg_end);

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

void setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float width, float height, int deg_start, int deg_end);

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);

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

	int deg_span = 30;
	for (int z = -64; z <= 64; z += 16) {

		for (int radius = 180; radius <= 360; radius += 30) {

			int deg_start = 0;
			int deg_end = 0;
			int tmp_deg = 0;
			for (int deg = 0; deg < 360 + tmp_deg; deg += 1) {

				auto noise_value = ofNoise(glm::vec4(radius * cos(deg * DEG_TO_RAD) * 0.005, radius * sin(deg * DEG_TO_RAD) * 0.005, z * 0.05, ofGetFrameNum() * 0.01));

				if (noise_value < 0.45) {

					deg_end = deg;

					if (deg == 0) {

						while (true) {

							tmp_deg -= 1;
							auto tmp_noise_value = ofNoise(glm::vec4(radius * cos(tmp_deg * DEG_TO_RAD) * 0.005, radius * sin(tmp_deg * DEG_TO_RAD) * 0.005, z * 0.05, ofGetFrameNum() * 0.01));
							if (tmp_noise_value > 0.45 || tmp_deg < -360) { break; }
							deg_start = tmp_deg;
						}
					}
				}
				else {

					if (deg_start < deg_end) {

						this->setRingToMesh(this->face, this->frame, glm::vec3(0, 0, z + 8), radius, 30, 16, deg_start, deg_end);
					}

					deg_start = deg;
					deg_end = deg;
				}
			}

			if (deg_start != deg_end) {

				this->setRingToMesh(this->face, this->frame, glm::vec3(0, 0, z + 8), radius, 30, 16, deg_start, deg_end);
			}
		}
	}
}

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

	this->cam.begin();
	ofRotateX(ofGetFrameNum() * 0.62);
	ofRotateY(ofGetFrameNum() * 1.4);

	ofSetColor(239);
	this->face.draw();

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

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float width, float height, int deg_start, int deg_end) {

	if (deg_start == deg_end) { return; }

	int index = face_target.getNumVertices();

	for (int deg = deg_start; deg <= deg_end; deg += 1) {

		auto face_index = face_target.getNumVertices();

		vector<glm::vec3> vertices;
		vertices.push_back(glm::vec3((radius + width * 0.5) * cos(deg * DEG_TO_RAD), (radius + width * 0.5) * sin(deg * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3((radius + width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius + width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3((radius + width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius + width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * 0.5));
		vertices.push_back(glm::vec3((radius + width * 0.5) * cos(deg * DEG_TO_RAD), (radius + width * 0.5) * sin(deg * DEG_TO_RAD), height * 0.5));

		vertices.push_back(glm::vec3((radius - width * 0.5) * cos(deg * DEG_TO_RAD), (radius - width * 0.5) * sin(deg * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3((radius - width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius - width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3((radius - width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius - width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * 0.5));
		vertices.push_back(glm::vec3((radius - width * 0.5) * cos(deg * DEG_TO_RAD), (radius - width * 0.5) * sin(deg * DEG_TO_RAD), height * 0.5));

		for (auto& vertex : vertices) {

			vertex += location;
		}

		face_target.addVertices(vertices);

		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);
		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 3);

		face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5); face_target.addIndex(face_index + 6);
		face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 6); face_target.addIndex(face_index + 7);

		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);
		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 5); face_target.addIndex(face_index + 1);

		face_target.addIndex(face_index + 3); face_target.addIndex(face_index + 7); face_target.addIndex(face_index + 6);
		face_target.addIndex(face_index + 3); face_target.addIndex(face_index + 6); face_target.addIndex(face_index + 2);

		auto frame_index = frame_target.getNumVertices();

		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 3);
		frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 6); frame_target.addIndex(frame_index + 7);
	}

	face_target.addIndex(index + 0); face_target.addIndex(index + 3); face_target.addIndex(index + 7);
	face_target.addIndex(index + 0); face_target.addIndex(index + 7); face_target.addIndex(index + 4);

	frame_target.addIndex(index + 0); frame_target.addIndex(index + 3);
	frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);
	frame_target.addIndex(index + 7); frame_target.addIndex(index + 3);
	frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

	index = frame_target.getNumVertices() - 8;

	face_target.addIndex(index + 1); face_target.addIndex(index + 2); face_target.addIndex(index + 6);
	face_target.addIndex(index + 1); face_target.addIndex(index + 6); face_target.addIndex(index + 5);

	frame_target.addIndex(index + 1); frame_target.addIndex(index + 2);
	frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 6); frame_target.addIndex(index + 2);
	frame_target.addIndex(index + 6); frame_target.addIndex(index + 5);
}

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

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

int deg_span = 30;

for (int z = -64; z <= 64; z += 16) {

for (int radius = 180; radius <= 360; radius += 30) {

int deg_start = 0;

int deg_end = 0;

int tmp_deg = 0;

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

auto noise_value = ofNoise(glm::vec4(radius * cos(deg * DEG_TO_RAD) * 0.005, radius * sin(deg * DEG_TO_RAD) * 0.005, z * 0.05, ofGetFrameNum() * 0.01));

if (noise_value < 0.45) {

deg_end = deg;

if (deg == 0) {

while (true) {

tmp_deg -= 1;

auto tmp_noise_value = ofNoise(glm::vec4(radius * cos(tmp_deg * DEG_TO_RAD) * 0.005, radius * sin(tmp_deg * DEG_TO_RAD) * 0.005, z * 0.05, ofGetFrameNum() * 0.01));

if (tmp_noise_value > 0.45 || tmp_deg < -360) { break; }

deg_start = tmp_deg;

}

else {

if (deg_start < deg_end) {

this->setRingToMesh(this->face, this->frame, glm::vec3(0, 0, z + 8), radius, 30, 16, deg_start, deg_end);

}

deg_start = deg;

deg_end = deg;

}

if (deg_start != deg_end) {

this->setRingToMesh(this->face, this->frame, glm::vec3(0, 0, z + 8), radius, 30, 16, deg_start, deg_end);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(ofGetFrameNum() * 0.62);

ofRotateY(ofGetFrameNum() * 1.4);

ofSetColor(239);

this->face.draw();

ofSetColor(39);

this->frame.drawWireframe();

this->cam.end();

}

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

void ofApp::setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float width, float height, int deg_start, int deg_end) {

if (deg_start == deg_end) { return; }

int index = face_target.getNumVertices();

for (int deg = deg_start; deg <= deg_end; deg += 1) {

auto face_index = face_target.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3((radius + width * 0.5) * cos(deg * DEG_TO_RAD), (radius + width * 0.5) * sin(deg * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3((radius + width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius + width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3((radius + width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius + width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * 0.5));

vertices.push_back(glm::vec3((radius + width * 0.5) * cos(deg * DEG_TO_RAD), (radius + width * 0.5) * sin(deg * DEG_TO_RAD), height * 0.5));

vertices.push_back(glm::vec3((radius - width * 0.5) * cos(deg * DEG_TO_RAD), (radius - width * 0.5) * sin(deg * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3((radius - width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius - width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3((radius - width * 0.5) * cos((deg + 1) * DEG_TO_RAD), (radius - width * 0.5) * sin((deg + 1) * DEG_TO_RAD), height * 0.5));

vertices.push_back(glm::vec3((radius - width * 0.5) * cos(deg * DEG_TO_RAD), (radius - width * 0.5) * sin(deg * DEG_TO_RAD), height * 0.5));

for (auto& vertex : vertices) {

vertex += location;

}

face_target.addVertices(vertices);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 3);

face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5); face_target.addIndex(face_index + 6);

face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 6); face_target.addIndex(face_index + 7);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 5); face_target.addIndex(face_index + 1);

face_target.addIndex(face_index + 3); face_target.addIndex(face_index + 7); face_target.addIndex(face_index + 6);

face_target.addIndex(face_index + 3); face_target.addIndex(face_index + 6); face_target.addIndex(face_index + 2);

auto frame_index = frame_target.getNumVertices();

frame_target.addVertices(vertices);

frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);

frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 3);

frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);

frame_target.addIndex(frame_index + 6); frame_target.addIndex(frame_index + 7);

}

face_target.addIndex(index + 0); face_target.addIndex(index + 3); face_target.addIndex(index + 7);

face_target.addIndex(index + 0); face_target.addIndex(index + 7); face_target.addIndex(index + 4);

frame_target.addIndex(index + 0); frame_target.addIndex(index + 3);

frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);

frame_target.addIndex(index + 7); frame_target.addIndex(index + 3);

frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

index = frame_target.getNumVertices() - 8;

face_target.addIndex(index + 1); face_target.addIndex(index + 2); face_target.addIndex(index + 6);

face_target.addIndex(index + 1); face_target.addIndex(index + 6); face_target.addIndex(index + 5);

frame_target.addIndex(index + 1); frame_target.addIndex(index + 2);

frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);

frame_target.addIndex(index + 6); frame_target.addIndex(index + 2);

frame_target.addIndex(index + 6); frame_target.addIndex(index + 5);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年8月19日2021年8月19日

Convert frame number to z coordination. Draw by openFrameworks

[ Video ]

[ About ]
我が家の世界一可愛い猫。

The world’s cutest cat in our house.

[ 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;
	deque<cv::Mat> frame_list;
	int frame_list_count;

	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;

deque<cv::Mat> frame_list;

int frame_list_count;

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

	this->cap.open("D:\\MP4\\MOV_0031.mp4"); // Kinako URL https://www.youtube.com/channel/UCUwl7IYYfueE3ruHedfG7MA
	this->cap_size = cv::Size(360, 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);
		}
	}

	while (true) {

		cv::Mat frame, resize, cut;
		this->cap >> frame;
		if (frame.empty()) {

			break;
		}

		cv::cvtColor(frame, frame, cv::COLOR_BGR2RGB);
		cv::resize(frame, resize, cv::Size(640, 360));
		cut = cv::Mat(resize, cv::Rect(140, 0, 360, 360));

		this->frame_list.push_front(cut);
	}
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(sin(ofGetFrameNum() * 0.01) * 30);
	ofRotateX(sin(ofGetFrameNum() * 0.02) * 15);

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

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

		int frame_index = ofMap(ofNoise(noise_seed, this->cv_rects[i].x * 0.005, this->cv_rects[i].y * 0.005, ofGetFrameNum() * 0.01), 0, 1, 0, this->frame_list.size());

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

		auto z = ofMap(frame_index, 0, this->frame_list.size(), -125, 125);

		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, z), this->rect_size, this->rect_size, 5);
		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, z), this->rect_size, this->rect_size, 5);
		ofSetColor(139);
		ofDrawBox(glm::vec3(this->cv_rects[i].x, this->cap_size.height - this->cv_rects[i].y, 0), this->rect_size, this->rect_size, 200);
	}

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

ofSetColor(255);

ofEnableDepthTest();

ofDisableArbTex();

this->cap.open("D:\\MP4\\MOV_0031.mp4"); // Kinako URL https://www.youtube.com/channel/UCUwl7IYYfueE3ruHedfG7MA

this->cap_size = cv::Size(360, 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);

}

while (true) {

cv::Mat frame, resize, cut;

this->cap >> frame;

if (frame.empty()) {

break;

}

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

cv::resize(frame, resize, cv::Size(640, 360));

cut = cv::Mat(resize, cv::Rect(140, 0, 360, 360));

this->frame_list.push_front(cut);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(sin(ofGetFrameNum() * 0.01) * 30);

ofRotateX(sin(ofGetFrameNum() * 0.02) * 15);

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

float noise_seed = ofRandom(1000);

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

int frame_index = ofMap(ofNoise(noise_seed, this->cv_rects[i].x * 0.005, this->cv_rects[i].y * 0.005, ofGetFrameNum() * 0.01), 0, 1, 0, this->frame_list.size());

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

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

auto z = ofMap(frame_index, 0, this->frame_list.size(), -125, 125);

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, z), this->rect_size, this->rect_size, 5);

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, z), this->rect_size, this->rect_size, 5);

ofSetColor(139);

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

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

2021年8月18日2021年8月18日

Multi frame movie. Draw by openFrameworks

[ Video ]

[ About ]
OpenCVのcv::MatとopenFrameworksのofImageを関連づける。

Associate OpenCV’s cv::Mat with openFrameworks’ ofImage.

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

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

[ 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;
	deque<cv::Mat> frame_list;
	int frame_list_count;

	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;

deque<cv::Mat> frame_list;

int frame_list_count;

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

	this->frame_list_count = 60;

	this->cap.open("D:\\MP4\\production ID_4711774.mp4"); // Video URL https://www.pexels.com/video/video-of-streets-in-japan-during-daytime-4711774/
	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);
		}
	}
}

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

	ofSeedRandom(39);

	cv::Mat frame, resize;

	this->cap >> frame;
	if (frame.empty()) { 
		
		this->cap.set(cv::CAP_PROP_POS_FRAMES, 0);
		return; 
	}

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

	this->frame_list.push_front(resize);
	while (this->frame_list.size() > this->frame_list_count) {

		this->frame_list.pop_back();
	}
}

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

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

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

		float noise_seed = ofRandom(1000);
		int frame_index = ofMap(ofNoise(noise_seed, this->cv_rects[i].x * 0.005, this->cv_rects[i].y * 0.005, ofGetFrameNum() * 0.01), 0, 1, 0, this->frame_list.size());

		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, 0), this->rect_size, this->rect_size, 5);
		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, 0), this->rect_size, this->rect_size, 5);
	}

	/*
	// 元動画と比べる時にはコメントを外す

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

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

		int frame_index = 0;

		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, 0), this->rect_size, this->rect_size, 5);
		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, 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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(255);

ofEnableDepthTest();

ofDisableArbTex();

this->frame_list_count = 60;

this->cap.open("D:\\MP4\\production ID_4711774.mp4"); // Video URL https://www.pexels.com/video/video-of-streets-in-japan-during-daytime-4711774/

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

}

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

void ofApp::update() {

ofSeedRandom(39);

cv::Mat frame, resize;

this->cap >> frame;

if (frame.empty()) {

this->cap.set(cv::CAP_PROP_POS_FRAMES, 0);

return;

}

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

cv::resize(frame, resize, this->cap_size);

this->frame_list.push_front(resize);

while (this->frame_list.size() > this->frame_list_count) {

this->frame_list.pop_back();

}

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

void ofApp::draw() {

this->cam.begin();

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

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

float noise_seed = ofRandom(1000);

int frame_index = ofMap(ofNoise(noise_seed, this->cv_rects[i].x * 0.005, this->cv_rects[i].y * 0.005, ofGetFrameNum() * 0.01), 0, 1, 0, this->frame_list.size());

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, 0), this->rect_size, this->rect_size, 5);

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, 0), this->rect_size, this->rect_size, 5);

}

// 元動画と比べる時にはコメントを外す

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

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

int frame_index = 0;

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, 0), this->rect_size, this->rect_size, 5);

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, 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/Insta20210818
https://www.pexels.com/video/video-of-streets-in-japan-during-daytime-4711774/

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