2020年1月 – ページ 4 – プログラミング de 落描き

2020年1月22日

Log by hexagon color. openFrameworks

[ Video ]

[ About ]
ノイズで移動する軌跡。

Log by hexagon color.

[ 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 mouseEntered(int x, int y) {};
	void mouseExited(int x, int y) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	float radius;
	vector<glm::vec2> hexagon_list;
	vector<glm::vec2> noise_seed_list;
	vector<float> alpha_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 mouseEntered(int x, int y) {};

void mouseExited(int x, int y) {};

void windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

float radius;

vector<glm::vec2> hexagon_list;

vector<glm::vec2> noise_seed_list;

vector<float> alpha_list;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);

	this->radius = 12;
	auto x_span = this->radius * sqrt(3);
	auto flg = true;
	for (float y = 0; y < ofGetHeight() + this->radius; y += this->radius * 1.5) {

		for (float x = 0; x < ofGetWidth() + this->radius; x += x_span) {

			glm::vec2 location;
			if (flg) {

				location = glm::vec2(x, y);
			}
			else {

				location = glm::vec2(x + (this->radius * sqrt(3) / 2), y);
			}

			this->hexagon_list.push_back(location);
			this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));
			this->alpha_list.push_back(0);
		}
		flg = !flg;
	}
}

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

	ofSeedRandom(39);

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

		glm::vec2 noise_location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01), 0, 1, 0, ofGetWidth()), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01), 0, 1, 0, ofGetHeight()));

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

			if (glm::distance(this->hexagon_list[i], noise_location) < 50) {

				this->alpha_list[i] = this->alpha_list[i] < 255 ? this->alpha_list[i] + 50 : 255;
			}
			else {

				this->alpha_list[i] = this->alpha_list[i] > 0 ? this->alpha_list[i] - 2 : 0;
			}
		}
	}
}

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

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

		vector<glm::vec2> vertices;
		for (auto deg = 90; deg < 450; deg += 60) {

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

		color.setHsb(ofMap(ofNoise(glm::vec3(this->noise_seed_list[i], ofGetFrameNum() * 0.05)), 0, 1, 0, 255), 130, 255);
		//color = ofColor(ofMap(ofNoise(glm::vec3(this->noise_seed_list[i], ofGetFrameNum() * 0.05)), 0, 1, 39, 139));

		ofFill();
		ofSetColor(color, this->alpha_list[i]);
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);

		ofNoFill();
		ofSetColor(239);
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

this->radius = 12;

auto x_span = this->radius * sqrt(3);

auto flg = true;

for (float y = 0; y < ofGetHeight() + this->radius; y += this->radius * 1.5) {

for (float x = 0; x < ofGetWidth() + this->radius; x += x_span) {

glm::vec2 location;

if (flg) {

location = glm::vec2(x, y);

}

else {

location = glm::vec2(x + (this->radius * sqrt(3) / 2), y);

}

this->hexagon_list.push_back(location);

this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));

this->alpha_list.push_back(0);

}

flg = !flg;

}

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

void ofApp::update() {

ofSeedRandom(39);

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

glm::vec2 noise_location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01), 0, 1, 0, ofGetWidth()), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01), 0, 1, 0, ofGetHeight()));

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

if (glm::distance(this->hexagon_list[i], noise_location) < 50) {

this->alpha_list[i] = this->alpha_list[i] < 255 ? this->alpha_list[i] + 50 : 255;

}

else {

this->alpha_list[i] = this->alpha_list[i] > 0 ? this->alpha_list[i] - 2 : 0;

}

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

void ofApp::draw() {

ofColor color;

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

vector<glm::vec2> vertices;

for (auto deg = 90; deg < 450; deg += 60) {

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

}

color.setHsb(ofMap(ofNoise(glm::vec3(this->noise_seed_list[i], ofGetFrameNum() * 0.05)), 0, 1, 0, 255), 130, 255);

//color = ofColor(ofMap(ofNoise(glm::vec3(this->noise_seed_list[i], ofGetFrameNum() * 0.05)), 0, 1, 39, 139));

ofFill();

ofSetColor(color, this->alpha_list[i]);

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

ofNoFill();

ofSetColor(239);

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年1月21日2020年1月21日

Circles was splitted. openFrameworks

[ Video ]

[ About ]
円を分割する。を色を交互に変えながら見比べる。

Circles was splitted.

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

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

ofMesh face, frame;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(1.5);

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

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

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

	int radius = 60;
	int len = 40;
	int deg_span = 8;
	int x_span = 256;
	int y_span = 240;
	bool flg = true;
	for (int x = x_span * 0.5; x < ofGetWidth(); x += x_span) {

		for (int y = y_span * 0.5; y < ofGetHeight(); y += y_span) {

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

				int index = this->face.getNumVertices();
				auto noise_param = glm::vec2(x + cos((deg + deg_span * 0.5) * DEG_TO_RAD), y + sin((deg + deg_span * 0.5) * DEG_TO_RAD));
				auto noise_value = ofNoise(noise_param.x, noise_param.y, ofGetFrameNum() * 0.01);

				auto tmp_radius = radius;
				if (noise_value > 0.75) { tmp_radius += ofMap(noise_value, 0.75, 1, 0, 40); }
				if (noise_value < 0.25) { tmp_radius -= ofMap(noise_value, 0.25, 0, 0, 40); }

				vector<glm::vec3> vertices;
				vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius + len * 0.5) * cos(deg * DEG_TO_RAD), (tmp_radius + len * 0.5) * sin(deg * DEG_TO_RAD), 0));
				vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius + len * 0.5) * cos((deg + deg_span) * DEG_TO_RAD), (tmp_radius + len * 0.5) * sin((deg + deg_span) * DEG_TO_RAD), 0));
				vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius - len * 0.5) * cos((deg + deg_span) * DEG_TO_RAD), (tmp_radius - len * 0.5) * sin((deg + deg_span) * DEG_TO_RAD), 0));
				vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius - len * 0.5) * cos(deg * DEG_TO_RAD), (tmp_radius - len * 0.5) * sin(deg * DEG_TO_RAD), 0));

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

				this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index + 2);
				this->face.addIndex(index + 0); this->face.addIndex(index + 2); this->face.addIndex(index + 3);

				this->frame.addIndex(index + 0); this->frame.addIndex(index + 1);
				this->frame.addIndex(index + 1); this->frame.addIndex(index + 2);
				this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);
				this->frame.addIndex(index + 3); this->frame.addIndex(index + 0);

				for (int i = 0; i < vertices.size(); i++) {

					this->face.addColor(flg ? ofColor(39) : ofColor(239));
					this->frame.addColor(flg ? ofColor(239) : ofColor(39));
				}
			}

			flg = !flg;
		}
	}
}

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

	this->face.draw();
	this->frame.drawWireframe();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(1.5);

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

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

int radius = 60;

int len = 40;

int deg_span = 8;

int x_span = 256;

int y_span = 240;

bool flg = true;

for (int x = x_span * 0.5; x < ofGetWidth(); x += x_span) {

for (int y = y_span * 0.5; y < ofGetHeight(); y += y_span) {

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

int index = this->face.getNumVertices();

auto noise_param = glm::vec2(x + cos((deg + deg_span * 0.5) * DEG_TO_RAD), y + sin((deg + deg_span * 0.5) * DEG_TO_RAD));

auto noise_value = ofNoise(noise_param.x, noise_param.y, ofGetFrameNum() * 0.01);

auto tmp_radius = radius;

if (noise_value > 0.75) { tmp_radius += ofMap(noise_value, 0.75, 1, 0, 40); }

if (noise_value < 0.25) { tmp_radius -= ofMap(noise_value, 0.25, 0, 0, 40); }

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius + len * 0.5) * cos(deg * DEG_TO_RAD), (tmp_radius + len * 0.5) * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius + len * 0.5) * cos((deg + deg_span) * DEG_TO_RAD), (tmp_radius + len * 0.5) * sin((deg + deg_span) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius - len * 0.5) * cos((deg + deg_span) * DEG_TO_RAD), (tmp_radius - len * 0.5) * sin((deg + deg_span) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(x, y, 0) + glm::vec3((tmp_radius - len * 0.5) * cos(deg * DEG_TO_RAD), (tmp_radius - len * 0.5) * sin(deg * DEG_TO_RAD), 0));

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index + 2);

this->face.addIndex(index + 0); this->face.addIndex(index + 2); this->face.addIndex(index + 3);

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

this->frame.addIndex(index + 1); this->frame.addIndex(index + 2);

this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);

this->frame.addIndex(index + 3); this->frame.addIndex(index + 0);

for (int i = 0; i < vertices.size(); i++) {

this->face.addColor(flg ? ofColor(39) : ofColor(239));

this->frame.addColor(flg ? ofColor(239) : ofColor(39));

}

flg = !flg;

}

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

void ofApp::draw() {

this->face.draw();

this->frame.drawWireframe();

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年1月20日

Hexagon random walk color edition. openFrameworks

[ Video ]

[ About ]
六角形ランダムウォークで色で個性付けとサイズでログ差別化。

Hexagon random walk color edition.

[ 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 mouseEntered(int x, int y) {};
	void mouseExited(int x, int y) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	float radius;
	vector<vector<glm::vec2>> hexagon_list;
	vector<ofColor> 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 mouseEntered(int x, int y) {};

void mouseExited(int x, int y) {};

void windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

float radius;

vector<vector<glm::vec2>> hexagon_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

	ofSetFrameRate(24);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetLineWidth(2);

	this->radius = 30;
	vector<glm::vec2> start_location_list;
	auto x_span = this->radius * sqrt(3);
	auto flg = true;
	for (float y = 0; y < ofGetHeight() + this->radius; y += this->radius * 1.5) {

		for (float x = 0; x < ofGetWidth() + this->radius; x += x_span) {

			glm::vec2 location;
			if (flg) {

				location = glm::vec2(x, y);
			}
			else {

				location = glm::vec2(x + (this->radius * sqrt(3) / 2), y);
			}

			start_location_list.push_back(location);
		}
		flg = !flg;
	}

	ofColor color;
	for (int i = 0; i < 30; i++) {

		int r = ofRandom(start_location_list.size());

		auto log_list = vector<glm::vec2>();
		log_list.push_back(start_location_list[r]);
		this->hexagon_list.push_back(log_list);
		
		color.setHsb(ofRandom(255), 180, 255);
		this->color_list.push_back(color);
	}
}

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

	auto span = this->radius * sqrt(3);
	for (auto& log_list : this->hexagon_list) {

		int r = ofRandom(6);
		int deg_start = r * 60;
		for (int deg = deg_start; deg < deg_start + 360; deg += 60) {

			auto tmp_location = log_list.back() + glm::vec2(span * cos(deg * DEG_TO_RAD), span * sin(deg * DEG_TO_RAD));
			if (tmp_location.x < 0 || tmp_location.x > ofGetWidth() + this->radius || tmp_location.y < 0 || tmp_location.y > ofGetHeight() + this->radius) {

				continue;
			}

			log_list.push_back(tmp_location);
			break;
		}

		while (log_list.size() > 10) {

			log_list.erase(log_list.begin());
		}
	}
}

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

	int color_index = 0;
	for (auto& log_list : this->hexagon_list) {

		ofSetColor(this->color_list[color_index++]);
		for (int i = 0; i < log_list.size(); i++) {

			vector<glm::vec2> vertices;
			for (auto deg = 90; deg < 450; deg += 60) {

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

			ofNoFill();
			ofBeginShape();
			ofVertices(vertices);
			ofEndShape(true);
		}
	}
}

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

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

100

101

102

103

104

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(24);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

this->radius = 30;

vector<glm::vec2> start_location_list;

auto x_span = this->radius * sqrt(3);

auto flg = true;

for (float y = 0; y < ofGetHeight() + this->radius; y += this->radius * 1.5) {

for (float x = 0; x < ofGetWidth() + this->radius; x += x_span) {

glm::vec2 location;

if (flg) {

location = glm::vec2(x, y);

}

else {

location = glm::vec2(x + (this->radius * sqrt(3) / 2), y);

}

start_location_list.push_back(location);

}

flg = !flg;

}

ofColor color;

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

int r = ofRandom(start_location_list.size());

auto log_list = vector<glm::vec2>();

log_list.push_back(start_location_list[r]);

this->hexagon_list.push_back(log_list);

color.setHsb(ofRandom(255), 180, 255);

this->color_list.push_back(color);

}

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

void ofApp::update() {

auto span = this->radius * sqrt(3);

for (auto& log_list : this->hexagon_list) {

int r = ofRandom(6);

int deg_start = r * 60;

for (int deg = deg_start; deg < deg_start + 360; deg += 60) {

auto tmp_location = log_list.back() + glm::vec2(span * cos(deg * DEG_TO_RAD), span * sin(deg * DEG_TO_RAD));

if (tmp_location.x < 0 || tmp_location.x > ofGetWidth() + this->radius || tmp_location.y < 0 || tmp_location.y > ofGetHeight() + this->radius) {

continue;

}

log_list.push_back(tmp_location);

break;

}

while (log_list.size() > 10) {

log_list.erase(log_list.begin());

}

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

void ofApp::draw() {

int color_index = 0;

for (auto& log_list : this->hexagon_list) {

ofSetColor(this->color_list[color_index++]);

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

vector<glm::vec2> vertices;

for (auto deg = 90; deg < 450; deg += 60) {

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

}

ofNoFill();

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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	31