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

2021年6月28日

Noise circles. Draw by openFrameworks

[ Video ]

[ About ]
座標の値をNoise()の引数にして、角度を算出。
そのノイズの角度に線を伸ばす。
そして伸ばした先でまた計算する。

The angle is calculated by using the coordinate value as the argument of Noise().
Extend the line to the angle of that noise.
Then calculate it again at the end of the stretch.

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

	vector<glm::vec3> base_location_list;
	vector<ofColor> base_color_list;

	vector<vector<glm::vec2>> log_list;
	vector<ofColor> color_list;
	vector<float> life_list;

	float base_radius;
};

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

vector<glm::vec3> base_location_list;

vector<ofColor> base_color_list;

vector<vector<glm::vec2>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

float base_radius;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofNoFill();

	ofColor color;
	vector<int> hex_list = { 0xf72585, 0xb5179e, 0x7209b7, 0x480ca8, 0x3f37c9, 0x4cc9f0 };
	for (auto hex : hex_list) {

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

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

	this->base_radius = ofMap(ofNoise(30, ofGetFrameNum() * 0.05), 0, 1, 0, 250);

	if (ofGetFrameNum() % 60 == 0) {

		this->base_location_list.clear();

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

			this->base_location_list.push_back(glm::vec3(this->base_radius * cos(deg * DEG_TO_RAD), this->base_radius * sin(deg * DEG_TO_RAD), 0));
		}
	}

	int radius = 3;
	while (this->log_list.size() < 500) {

		int font_location_index = ofRandom(this->base_location_list.size());
		vector<glm::vec2> log;
		log.push_back(this->base_location_list[font_location_index]);
		this->log_list.push_back(log);
		this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		this->life_list.push_back(ofRandom(30, 50));
	}

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

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

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

			continue;
		}

		auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.008, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
		while (this->log_list[i].size() > 100) {

			this->log_list[i].erase(this->log_list[i].begin());
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

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

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 30) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));
		}

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofNoFill();

ofColor color;

vector<int> hex_list = { 0xf72585, 0xb5179e, 0x7209b7, 0x480ca8, 0x3f37c9, 0x4cc9f0 };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

this->base_radius = ofMap(ofNoise(30, ofGetFrameNum() * 0.05), 0, 1, 0, 250);

if (ofGetFrameNum() % 60 == 0) {

this->base_location_list.clear();

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

this->base_location_list.push_back(glm::vec3(this->base_radius * cos(deg * DEG_TO_RAD), this->base_radius * sin(deg * DEG_TO_RAD), 0));

}

int radius = 3;

while (this->log_list.size() < 500) {

int font_location_index = ofRandom(this->base_location_list.size());

vector<glm::vec2> log;

log.push_back(this->base_location_list[font_location_index]);

this->log_list.push_back(log);

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

this->life_list.push_back(ofRandom(30, 50));

}

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

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

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

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

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

continue;

}

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.008, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

while (this->log_list[i].size() > 100) {

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 30) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));

}

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年6月27日2021年6月27日

MP4 * Noise. Draw by openFrameworks

[ Video ]

[ About ]
ofNoise()の値で描写する範囲を決める。
それぞれの範囲はofSetColor(ofMap(value, 0, max_of_max, 0, 255))で明暗を付ける。

Determine the range to be drawn by the value of ofNoise().
Each area is lightened or darkened with ofSetColor(ofMap(value, 0, max_of_max, 0, 255)).

[ 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<float> draw_rect_size_list;
	vector<cv::Mat> rect_frame_list;
	vector<unique_ptr<ofImage>> rect_image_list;
	vector<cv::Rect> cv_rect_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;

float rect_size;

vector<float> draw_rect_size_list;

vector<cv::Mat> rect_frame_list;

vector<unique_ptr<ofImage>> rect_image_list;

vector<cv::Rect> cv_rect_list;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();
	ofDisableArbTex();

	this->cap_size = cv::Size(640, 360);
	this->rect_size = 10;
	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_image_list.push_back(move(image));
			this->cv_rect_list.push_back(rect);
			this->rect_frame_list.push_back(frame);
			this->draw_rect_size_list.push_back(this->rect_size);
		}
	}

	auto file_path = "D:\\MP4\\Pexels Videos 2740.mp4";
	this->cap.open(file_path);
	this->number_of_frames = this->cap.get(cv::CAP_PROP_FRAME_COUNT);
	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);
	}
}

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

	int frame_index = (int)(ofGetFrameNum() * 0.5) % this->number_of_frames;
	int next_frame_index = (frame_index + 1) % this->number_of_frames;

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

		this->draw_rect_size_list[i] = this->draw_rect_size_list[i] <= 0 ? 0 : this->draw_rect_size_list[i] - 0.3;

		if (ofNoise(this->cv_rect_list[i].x * 0.01, this->cv_rect_list[i].y * 0.01, ofGetFrameNum() * 0.01) < 0.5) {

			this->draw_rect_size_list[i] = this->rect_size;
		}
	}
}

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

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

	ofFill();

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

		ofPushMatrix();
		ofTranslate(this->cv_rect_list[i].x + 50 - ofGetWidth() * 0.5, this->cv_rect_list[i].y + 180 - ofGetHeight() * 0.5, -1);
		ofRotateX(180);

		int frame_index = (int)(ofGetFrameNum() * 0.42) % this->number_of_frames;

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

		if (this->draw_rect_size_list[i] > 0) {

			this->rect_image_list[i]->update();
			this->rect_image_list[i]->getTexture().bind();

			auto height = this->draw_rect_size_list[i] * 5;

			ofSetColor(ofMap(this->draw_rect_size_list[i], 0, this->rect_size, 0, 255));
			ofDrawBox(glm::vec3(), this->rect_size);
			this->rect_image_list[i]->unbind();
		}

		ofPopMatrix();
	}

	ofNoFill();
	ofSetColor(39);
	ofDrawBox(glm::vec3(this->rect_size * 0.5, this->rect_size * -0.5, 0), 640, 360, this->rect_size);

	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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

ofDisableArbTex();

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

this->rect_size = 10;

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_image_list.push_back(move(image));

this->cv_rect_list.push_back(rect);

this->rect_frame_list.push_back(frame);

this->draw_rect_size_list.push_back(this->rect_size);

}

auto file_path = "D:\\MP4\\Pexels Videos 2740.mp4";

this->cap.open(file_path);

this->number_of_frames = this->cap.get(cv::CAP_PROP_FRAME_COUNT);

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

}

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

void ofApp::update() {

int frame_index = (int)(ofGetFrameNum() * 0.5) % this->number_of_frames;

int next_frame_index = (frame_index + 1) % this->number_of_frames;

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

this->draw_rect_size_list[i] = this->draw_rect_size_list[i] <= 0 ? 0 : this->draw_rect_size_list[i] - 0.3;

if (ofNoise(this->cv_rect_list[i].x * 0.01, this->cv_rect_list[i].y * 0.01, ofGetFrameNum() * 0.01) < 0.5) {

this->draw_rect_size_list[i] = this->rect_size;

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofFill();

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

ofPushMatrix();

ofTranslate(this->cv_rect_list[i].x + 50 - ofGetWidth() * 0.5, this->cv_rect_list[i].y + 180 - ofGetHeight() * 0.5, -1);

ofRotateX(180);

int frame_index = (int)(ofGetFrameNum() * 0.42) % this->number_of_frames;

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

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

if (this->draw_rect_size_list[i] > 0) {

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

this->rect_image_list[i]->getTexture().bind();

auto height = this->draw_rect_size_list[i] * 5;

ofSetColor(ofMap(this->draw_rect_size_list[i], 0, this->rect_size, 0, 255));

ofDrawBox(glm::vec3(), this->rect_size);

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

}

ofPopMatrix();

}

ofNoFill();

ofSetColor(39);

ofDrawBox(glm::vec3(this->rect_size * 0.5, this->rect_size * -0.5, 0), 640, 360, this->rect_size);

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年6月26日

Random walking box. Draw by openFrameworks

[ Video ]

[ About ]
ofSeedRandom()を使って、ofNoise()の1つ目の引数を固定する。
２つ目の引数にofGetFrameNum()を使うことで、１フレームづつの動きを付ける。

Use ofSeedRandom() to fix the first argument ofNoise().
By using ofGetFrameNum() as the second argument, we can add movement one frame at a time.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	
	auto noise_location_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	auto noise_rotation_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	auto number_of_log = 5;

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

		auto location = glm::vec3(
			ofMap(ofNoise(noise_location_param.x, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -200, 200),
			ofMap(ofNoise(noise_location_param.y, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -200, 200),
			ofMap(ofNoise(noise_location_param.z, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -200, 200)
		);

		auto rotate = glm::vec3(
			ofMap(ofNoise(noise_rotation_param.x, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -180, 180),
			ofMap(ofNoise(noise_rotation_param.y, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -180, 180),
			ofMap(ofNoise(noise_rotation_param.z, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -180, 180)
		);

		ofPushMatrix();
		ofTranslate(location);
		ofRotateZ(rotate.z);
		ofRotateY(rotate.y);
		ofRotateX(rotate.x);

		if (i == number_of_log) {
		
			ofSetColor(0);
			ofFill();
			ofDrawBox(glm::vec3(), 50);
		}

		ofColor line_color;
		line_color.setHsb((ofGetFrameNum() + i * 15) % 255, 255, 255);
		ofSetColor(line_color);
		ofNoFill();
		ofSetLineWidth(ofMap(i, 0, number_of_log, 0.3, 2));
		ofDrawBox(glm::vec3(), 50);

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

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

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

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

auto number_of_log = 5;

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

auto location = glm::vec3(

ofMap(ofNoise(noise_location_param.x, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -200, 200),

ofMap(ofNoise(noise_location_param.y, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -200, 200),

ofMap(ofNoise(noise_location_param.z, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -200, 200)

);

auto rotate = glm::vec3(

ofMap(ofNoise(noise_rotation_param.x, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -180, 180),

ofMap(ofNoise(noise_rotation_param.y, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -180, 180),

ofMap(ofNoise(noise_rotation_param.z, ofGetFrameNum() * 0.008 + i * 0.08), 0, 1, -180, 180)

);

ofPushMatrix();

ofTranslate(location);

ofRotateZ(rotate.z);

ofRotateY(rotate.y);

ofRotateX(rotate.x);

if (i == number_of_log) {

ofSetColor(0);

ofFill();

ofDrawBox(glm::vec3(), 50);

}

ofColor line_color;

line_color.setHsb((ofGetFrameNum() + i * 15) % 255, 255, 255);

ofSetColor(line_color);

ofNoFill();

ofSetLineWidth(ofMap(i, 0, number_of_log, 0.3, 2));

ofDrawBox(glm::vec3(), 50);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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