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

2020年5月30日

Waterfall Climbing in the Color Belt. Draw by openFrameworks

[ Video ]

[ About ]
Waterfall Climbing in the Color Belt.

[ 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::vec2 make_point(int len, int param);

	ofEasyCam cam;
	ofMesh face, frame;

	vector<float> z_list;
	vector<int> param_list;
	vector<ofColor> color_list;

	vector<ofColor> base_color_list;
};

#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::vec2 make_point(int len, int param);

ofEasyCam cam;

ofMesh face, frame;

vector<float> z_list;

vector<int> param_list;

vector<ofColor> color_list;

vector<ofColor> base_color_list;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();
	
	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

	ofColor color;
	vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}
}

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

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

	int len = 300;
	float width = 6.5;
	int param_len = 145;
	float z_span = 3;

	if (ofRandom(100) < 5) {
		
		this->z_list.push_back(len * -2);
		this->param_list.push_back(ofRandom(100, 200));
		this->color_list.push_back(this->base_color_list[ofRandom(this->base_color_list.size())]);
	}

	for (int i = this->z_list.size() -1; i > -1; i--) {

		float z = this->z_list[i];
		bool has_vertex = false;
		int start_index = this->frame.getNumVertices();
		for (int param = this->param_list[i] + param_len; param > this->param_list[i]; param--) {

			auto location = glm::vec3(this->make_point(len, param), z);
			if (location.z >= len * -2 && location.z < len * 2) {

				vector<glm::vec3> vertices;

				vertices.push_back(location + glm::vec3(0, 0, -width));
				vertices.push_back(location + glm::vec3(0, 0, width));

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

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

					this->face.addColor(this->color_list[i]);
				}

				if (has_vertex) {

					this->face.addIndex(this->face.getNumVertices() - 4); this->face.addIndex(this->face.getNumVertices() - 3); this->face.addIndex(this->face.getNumVertices() - 2);
					this->face.addIndex(this->face.getNumVertices() - 3); this->face.addIndex(this->face.getNumVertices() - 2); this->face.addIndex(this->face.getNumVertices() - 1);

					this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 2);
					this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 1);
				}

				has_vertex = true;
			}

			z -= z_span;
		}

		if (has_vertex) {

			this->z_list[i] += z_span;
			this->param_list[i] += 1;

			this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);
			this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 1);
		}
		else {

			this->z_list.erase(this->z_list.begin() + i);
			this->param_list.erase(this->param_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
		}
	}

}

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

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

	this->face.drawFaces();

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

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

ofColor color;

vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

int len = 300;

float width = 6.5;

int param_len = 145;

float z_span = 3;

if (ofRandom(100) < 5) {

this->z_list.push_back(len * -2);

this->param_list.push_back(ofRandom(100, 200));

this->color_list.push_back(this->base_color_list[ofRandom(this->base_color_list.size())]);

}

for (int i = this->z_list.size() -1; i > -1; i--) {

float z = this->z_list[i];

bool has_vertex = false;

int start_index = this->frame.getNumVertices();

for (int param = this->param_list[i] + param_len; param > this->param_list[i]; param--) {

auto location = glm::vec3(this->make_point(len, param), z);

if (location.z >= len * -2 && location.z < len * 2) {

vector<glm::vec3> vertices;

vertices.push_back(location + glm::vec3(0, 0, -width));

vertices.push_back(location + glm::vec3(0, 0, width));

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

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

this->face.addColor(this->color_list[i]);

}

if (has_vertex) {

this->face.addIndex(this->face.getNumVertices() - 4); this->face.addIndex(this->face.getNumVertices() - 3); this->face.addIndex(this->face.getNumVertices() - 2);

this->face.addIndex(this->face.getNumVertices() - 3); this->face.addIndex(this->face.getNumVertices() - 2); this->face.addIndex(this->face.getNumVertices() - 1);

this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 2);

this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 1);

}

has_vertex = true;

}

z -= z_span;

}

if (has_vertex) {

this->z_list[i] += z_span;

this->param_list[i] += 1;

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

this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 1);

}

else {

this->z_list.erase(this->z_list.begin() + i);

this->param_list.erase(this->param_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

this->face.drawFaces();

ofSetColor(39);

this->frame.drawWireframe();

this->cam.end();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年5月29日2020年5月29日

Visualize video data as 3D. Draw by openFrameworks

[ Video ]

[ About ]
Visualize video data as 3D.

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

	ofBackground(239);
	ofEnableDepthTest();
	ofSetLineWidth(3);

	this->cap.open("D:\\MP4\\video.mp4");
	this->cap_size = cv::Size(512, 288);

	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 = 25 * 27;
	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);
	}

	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(512, 0, 0));
		mesh.addTexCoord(glm::vec3(512, 288, 0));
		mesh.addTexCoord(glm::vec3(0, 288, 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);
	
	ofSetColor(255);

	int i = 0;
	for (auto& mesh : this->mesh_list) {

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

		ofPushMatrix();
		ofTranslate(location);

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

		ofPopMatrix();

		i++;
	}

	ofNoFill();
	ofSetColor(39);
	ofDrawBox(0, 0, 0, 256, 144, 400);


	this->cam.end();
}

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

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

100

101

102

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

ofSetLineWidth(3);

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

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

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 = 25 * 27;

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

}

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(512, 0, 0));

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

mesh.addTexCoord(glm::vec3(0, 288, 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);

ofSetColor(255);

int i = 0;

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

auto location = glm::vec3(0, 0, ofMap(i, 0, 128, -200, 200));

int n = (i + ofGetFrameNum()) % this->number_of_frames;

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

this->image.update();

ofPushMatrix();

ofTranslate(location);

this->image.bind();

mesh.draw();

this->image.unbind();

ofPopMatrix();

i++;

}

ofNoFill();

ofSetColor(39);

ofDrawBox(0, 0, 0, 256, 144, 400);

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年5月28日2020年5月28日

From My post on May 25, 2020. Draw by openFrameworks

[ Video ]

[ About ]
Change the frame to be played in each block. From My post on May 25, 2020.

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

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

	ofBackground(239);
	ofSetColor(255);

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

	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 = 30 * 20;
	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() {

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

		int frames_index = ofMap(ofNoise(this->cv_rects[i].x * 0.00005, this->cv_rects[i].y * 0.00005, ofGetFrameNum() * 0.002), 0, 1, 0, this->number_of_frames);
		cv::Mat tmp_box_image(this->frame_list[frames_index], this->cv_rects[i]);
		tmp_box_image.copyTo(this->rect_frames[i]);

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

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

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

		this->rect_images[i]->draw(this->cv_rects[i].x, this->cv_rects[i].y);
	}
}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(255);

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

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

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 = 30 * 20;

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

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

int frames_index = ofMap(ofNoise(this->cv_rects[i].x * 0.00005, this->cv_rects[i].y * 0.00005, ofGetFrameNum() * 0.002), 0, 1, 0, this->number_of_frames);

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

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

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

}

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

void ofApp::draw() {

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

this->rect_images[i]->draw(this->cv_rects[i].x, this->cv_rects[i].y);

}

//========================================================================

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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