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

2021年11月24日2021年11月24日

Not written, but visible line. Draw by openFrameworks

[ Video ]

[ About ]
矢印の向く方をノイズで求める。

Find the direction the arrow is pointing with noise.

[ 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 draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);
};

#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 draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(0);
	ofSetLineWidth(1);
}

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

	ofSeedRandom(39);
}

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

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

	for (int x = -325; x <= 325; x += 40) {

		for (int y = -325; y <= 325; y += 40) {

			auto target = glm::vec2(x, ofMap(ofNoise(x * 0.003 + ofGetFrameNum() * 0.1), 0, 1, -400, 400));
			this->draw_arrow(glm::vec2(x, y), target, 15, ofColor(0), ofColor(255));
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);

	ofSetColor(fill_color);
	ofFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofSetColor(no_fill_color);
	ofNoFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofEndShape();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(1);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

for (int x = -325; x <= 325; x += 40) {

for (int y = -325; y <= 325; y += 40) {

auto target = glm::vec2(x, ofMap(ofNoise(x * 0.003 + ofGetFrameNum() * 0.1), 0, 1, -400, 400));

this->draw_arrow(glm::vec2(x, y), target, 15, ofColor(0), ofColor(255));

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

ofSetColor(fill_color);

ofFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofSetColor(no_fill_color);

ofNoFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年11月23日

Colorful waterfall. Draw by openFrameworks

[ Video ]

[ About ]
色をHSBで指定して、HUEをフレーム番号で変化させる。

Specify the color by HSB, and change the HUE by frame number.

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

	ofBackground(0);
	ofNoFill();
	ofSetLineWidth(1.5);
	ofSetCircleResolution(60);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	this->base_radius = 150;
	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) - 150, 0));
	}
}

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


	int radius = 6;
	ofColor color;
	while (this->log_list.size() < 800) {

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

		color.setHsb((ofGetFrameNum() * 2) % 255, 200, 100);
		this->color_list.push_back(color);

		this->life_list.push_back(ofRandom(10, 200));
	}

	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.0015)), 0, 1, 45, 125 + 10);
		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], this->life_list[i] > 30 ? 255 : ofMap(this->life_list[i], 0, 30, 0, 255));

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

	ofSetColor(255);
	ofDrawCircle(glm::vec3(0, -150, 0), 150);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofNoFill();

ofSetLineWidth(1.5);

ofSetCircleResolution(60);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

this->base_radius = 150;

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

}

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

void ofApp::update() {

int radius = 6;

ofColor color;

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

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

color.setHsb((ofGetFrameNum() * 2) % 255, 200, 100);

this->color_list.push_back(color);

this->life_list.push_back(ofRandom(10, 200));

}

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.0015)), 0, 1, 45, 125 + 10);

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], this->life_list[i] > 30 ? 255 : ofMap(this->life_list[i], 0, 30, 0, 255));

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

ofSetColor(255);

ofDrawCircle(glm::vec3(0, -150, 0), 150);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年11月22日2021年11月22日

Rotating Fractal Fern Leaves. Draw by openFrameworks

[ Video ]

[ About ]
Processing Advent Calendar 2018の記事を再度、参照。

Once again, I referred to the Processing Advent Calendar 2018 article.

IFSを使ってフラクタルを書く
https://qiita.com/EKey2210/items/d13dcec6ac650b5cb0c5

[ 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 set_three(glm::vec3 location, int number_of_loop, float scale);

	ofEasyCam cam;

	ofMesh mesh;
};

#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 set_three(glm::vec3 location, int number_of_loop, float scale);

ofEasyCam cam;

ofMesh mesh;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetColor(255);
}

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

	ofSeedRandom(39);

	this->mesh.clear();

	for (float x = -0.25; x <= 0.25; x += 0.25) {

		for (float y = -0.33; y <= 0.33; y += 0.33) {

			this->set_three(glm::vec3(x * ofGetWidth(), y * ofGetHeight(), 0), 7000, 23);
		}
	}
}

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

	this->cam.begin();

	this->mesh.drawVertices();

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::set_three(glm::vec3 location, int number_of_loop, float scale) {

	glm::vec3 point, prev_point;
	for (int i = 0; i < number_of_loop; i++) {

		float p = ofRandom(100);
		if (p < 1) {

			point.x = 0 * prev_point.x + 0 * prev_point.y + 0;
			point.y = 0 * prev_point.x + 0.16 * prev_point.y + 0;
		}
		else if (p < 8) {

			point.x = 0.2 * prev_point.x + -0.26 * prev_point.y + 0.0;
			point.y = 0.23 * prev_point.x + 0.22 * prev_point.y + 1.6;
		}
		else if (p < 15) {

			point.x = -0.15 * prev_point.x + 0.28 * prev_point.y + 0.0;
			point.y = 0.26 * prev_point.x + 0.24 * prev_point.y + 0.44;
		}
		else {

			point.x = 0.85 * prev_point.x + 0.04 * prev_point.y + 0.0;
			point.y = -0.04 * prev_point.x + 0.85 * prev_point.y + 1.5;
		}
		
		auto noise_value = ofNoise(glm::vec2((location.x + point.x) * 0.01, (location.y + point.y) * 0.1 + ofGetFrameNum() * 0.0035));

		if (noise_value < 0.35) {

			noise_value = 0;
		}
		else if(noise_value < 0.75) {

			noise_value = ofMap(noise_value, 0.35, 0.75, 0, 1);
		}
		else {

			noise_value = 1;
		}

		auto rotation_x = glm::rotate(glm::mat4(), ofMap(noise_value, 0, 1, -360, 360) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
		auto vertex = glm::vec4(point, 0) * rotation_x;

		this->mesh.addVertex(location + vertex * scale);
		prev_point = point;
	}
	
}


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetColor(255);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

for (float x = -0.25; x <= 0.25; x += 0.25) {

for (float y = -0.33; y <= 0.33; y += 0.33) {

this->set_three(glm::vec3(x * ofGetWidth(), y * ofGetHeight(), 0), 7000, 23);

}

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

void ofApp::draw() {

this->cam.begin();

this->mesh.drawVertices();

this->cam.end();

}

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

void ofApp::set_three(glm::vec3 location, int number_of_loop, float scale) {

glm::vec3 point, prev_point;

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

float p = ofRandom(100);

if (p < 1) {

point.x = 0 * prev_point.x + 0 * prev_point.y + 0;

point.y = 0 * prev_point.x + 0.16 * prev_point.y + 0;

}

else if (p < 8) {

point.x = 0.2 * prev_point.x + -0.26 * prev_point.y + 0.0;

point.y = 0.23 * prev_point.x + 0.22 * prev_point.y + 1.6;

}

else if (p < 15) {

point.x = -0.15 * prev_point.x + 0.28 * prev_point.y + 0.0;

point.y = 0.26 * prev_point.x + 0.24 * prev_point.y + 0.44;

}

else {

point.x = 0.85 * prev_point.x + 0.04 * prev_point.y + 0.0;

point.y = -0.04 * prev_point.x + 0.85 * prev_point.y + 1.5;

}

auto noise_value = ofNoise(glm::vec2((location.x + point.x) * 0.01, (location.y + point.y) * 0.1 + ofGetFrameNum() * 0.0035));

if (noise_value < 0.35) {

noise_value = 0;

}

else if(noise_value < 0.75) {

noise_value = ofMap(noise_value, 0.35, 0.75, 0, 1);

}

else {

noise_value = 1;

}

auto rotation_x = glm::rotate(glm::mat4(), ofMap(noise_value, 0, 1, -360, 360) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto vertex = glm::vec4(point, 0) * rotation_x;

this->mesh.addVertex(location + vertex * scale);

prev_point = point;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年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