2020年6月12日 – プログラミング de 落描き

[ Video ]

[ About ]
映像を円柱状に変形して、それぞれで歪める。

Deform the video into a cylinder and distort it in each one.

元動画：https://www.pexels.com/video/footage-of-male-listening-to-music-3761468/

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

	ofImage image;
	cv::Mat frame;

	vector<ofMesh> mesh_list;
	vector<ofMesh> frame_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;

ofImage image;

cv::Mat frame;

vector<ofMesh> mesh_list;

vector<ofMesh> frame_list;

};

#include "ofApp.h"

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

	ofSetFrameRate(25);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofEnableDepthTest();

	this->cap.open("D:\\MP4\\production ID_3761468.mp4");
	this->cap_size = cv::Size(1080, 1080);

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

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

	ofSeedRandom(39);

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

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

	cv::cvtColor(src, src, cv::COLOR_BGR2RGB);
	cv::Mat(src, cv::Rect(this->cap.get(cv::CAP_PROP_FRAME_WIDTH) * 0.5 - this->cap_size.width * 0.5, this->cap.get(cv::CAP_PROP_FRAME_HEIGHT) * 0.5 - this->cap_size.height * 0.5, this->cap_size.width, this->cap_size.height)).copyTo(this->frame);
	this->image.update();

	this->mesh_list.clear();
	this->frame_list.clear();

	float radius_max = 1150;
	float radius_min = 200;
	int deg_span = 1;
	int y_span = 120;
	for (int y = 0; y < this->cap_size.height; y += y_span) {

		ofMesh mesh, frame;
		frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
		for (int deg = 0; deg < 360; deg += deg_span) {

			float radius = ofMap(ofNoise(cos(deg * DEG_TO_RAD) * 0.5, sin(deg * DEG_TO_RAD) * 0.5, y * 0.005, ofGetFrameNum() * 0.025), 0, 1, radius_min, radius_max);
			float next_radius = ofMap(ofNoise(cos((deg + deg_span) * DEG_TO_RAD) * 0.5, sin((deg + deg_span) * DEG_TO_RAD) * 0.5, y * 0.005, ofGetFrameNum() * 0.025), 0, 1, radius_min, radius_max);

			int index = mesh.getNumVertices();

			vector<glm::vec3> vertices;
			vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), y - this->cap_size.height * 0.5));
			vertices.push_back(glm::vec3(next_radius * cos((deg + deg_span) * DEG_TO_RAD), next_radius * sin((deg + deg_span) * DEG_TO_RAD), y - this->cap_size.height * 0.5));
			vertices.push_back(glm::vec3(next_radius * cos((deg + deg_span) * DEG_TO_RAD), next_radius * sin((deg + deg_span) * DEG_TO_RAD), y + y_span - this->cap_size.height * 0.5));
			vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), y + y_span - this->cap_size.height * 0.5));

			mesh.addVertices(vertices);
			frame.addVertices(vertices);

			int x = ofMap(deg, 0, 360, 0, this->cap_size.width);
			int next_x = ofMap(deg + deg_span, 0, 360, 0, this->cap_size.width);

			mesh.addTexCoord(glm::vec3(x, y, 0));
			mesh.addTexCoord(glm::vec3(next_x, y, 0));
			mesh.addTexCoord(glm::vec3(next_x, y + y_span, 0));
			mesh.addTexCoord(glm::vec3(x, y + y_span, 0));

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

			frame.addIndex(index + 0); frame.addIndex(index + 1);
			frame.addIndex(index + 2); frame.addIndex(index + 3);
		}

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

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

	this->cam.begin();
	ofRotateX(90);
	ofRotateZ(245);

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

		float z = (this->mesh_list[i].getVertex(0).z + this->mesh_list[i].getVertex(2).z) / 2;

		this->image.bind();
		ofSetColor(255);
		this->mesh_list[i].draw();
		this->image.unbind();

		ofSetColor(39);
		this->frame_list[i].drawWireframe();
	}

	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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

this->cap.open("D:\\MP4\\production ID_3761468.mp4");

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

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

}

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

void ofApp::update() {

ofSeedRandom(39);

cv::Mat src;

this->cap >> src;

if (src.empty()) {

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

return;

}

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

cv::Mat(src, cv::Rect(this->cap.get(cv::CAP_PROP_FRAME_WIDTH) * 0.5 - this->cap_size.width * 0.5, this->cap.get(cv::CAP_PROP_FRAME_HEIGHT) * 0.5 - this->cap_size.height * 0.5, this->cap_size.width, this->cap_size.height)).copyTo(this->frame);

this->image.update();

this->mesh_list.clear();

this->frame_list.clear();

float radius_max = 1150;

float radius_min = 200;

int deg_span = 1;

int y_span = 120;

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

ofMesh mesh, frame;

frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

float radius = ofMap(ofNoise(cos(deg * DEG_TO_RAD) * 0.5, sin(deg * DEG_TO_RAD) * 0.5, y * 0.005, ofGetFrameNum() * 0.025), 0, 1, radius_min, radius_max);

float next_radius = ofMap(ofNoise(cos((deg + deg_span) * DEG_TO_RAD) * 0.5, sin((deg + deg_span) * DEG_TO_RAD) * 0.5, y * 0.005, ofGetFrameNum() * 0.025), 0, 1, radius_min, radius_max);

int index = mesh.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), y - this->cap_size.height * 0.5));

vertices.push_back(glm::vec3(next_radius * cos((deg + deg_span) * DEG_TO_RAD), next_radius * sin((deg + deg_span) * DEG_TO_RAD), y - this->cap_size.height * 0.5));

vertices.push_back(glm::vec3(next_radius * cos((deg + deg_span) * DEG_TO_RAD), next_radius * sin((deg + deg_span) * DEG_TO_RAD), y + y_span - this->cap_size.height * 0.5));

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), y + y_span - this->cap_size.height * 0.5));

mesh.addVertices(vertices);

frame.addVertices(vertices);

int x = ofMap(deg, 0, 360, 0, this->cap_size.width);

int next_x = ofMap(deg + deg_span, 0, 360, 0, this->cap_size.width);

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

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

mesh.addTexCoord(glm::vec3(next_x, y + y_span, 0));

mesh.addTexCoord(glm::vec3(x, y + y_span, 0));

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

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

frame.addIndex(index + 0); frame.addIndex(index + 1);

frame.addIndex(index + 2); frame.addIndex(index + 3);

}

this->mesh_list.push_back(mesh);

this->frame_list.push_back(frame);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(90);

ofRotateZ(245);

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

float z = (this->mesh_list[i].getVertex(0).z + this->mesh_list[i].getVertex(2).z) / 2;

this->image.bind();

ofSetColor(255);

this->mesh_list[i].draw();

this->image.unbind();

ofSetColor(39);

this->frame_list[i].drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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

日: 2020年6月12日

Deform the video into a cylinder and distort it in each one. Draw by openFrameworks