2020年3月 – プログラミング de 落描き

2020年3月31日2020年3月31日

over 1200 days. openFrameworks

[ Video ]

[ About ]
クリエイティブコーディングの毎日投稿が1200日を達成しました。
これからも続けます。

Creative Coding’s daily posts have reached 1200 days.
We will continue to do so.

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

	ofTrueTypeFont font;
};

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

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(3);

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 180, true, true, true);
}

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

}

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

	vector<string> word_list = { 
		"over",
		"1200",
		"days"
	};

	vector<glm::vec2> base_location_list = {
		glm::vec2(ofGetWidth() * 0.5 - this->font.stringWidth(word_list[0]) * 0.5, ofGetHeight() * 0.5 - 150),
		glm::vec2(ofGetWidth() * 0.5 - this->font.stringWidth(word_list[1]) * 0.5, ofGetHeight() * 0.5 + 60),
		glm::vec2(ofGetWidth() * 0.5 - this->font.stringWidth(word_list[2]) * 0.5, ofGetHeight() * 0.5 + 270)
	};

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

		auto word = word_list[i];
		auto base_location = base_location_list[i];

		int sample_count = 180;
		vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].getOutline();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);
				vector<glm::vec3> vertices = outline[outline_index].getVertices();
				vector<glm::vec2> black_vertices, white_vertices;
				glm::vec2 circle_location;
				int param = ofGetFrameNum() + base_location.y;

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

					auto location = base_location + vertices[vertices_index];

					if (param % (sample_count * 2) < sample_count) {

						if (vertices_index < param % sample_count) {

							black_vertices.push_back(location);
						}
						else {
						
							white_vertices.push_back(location);
						}
					}
					else {

						if (vertices_index > param % sample_count) {

							black_vertices.push_back(location);
						}
						else {

							white_vertices.push_back(location);
						}
					}

					if (vertices_index == param % sample_count) {

						circle_location = location;
					}

				}

				ofNoFill();

				ofSetColor(255);
				ofBeginShape();
				ofVertices(white_vertices);
				ofEndShape();

				ofSetColor(39);
				ofBeginShape();
				ofVertices(black_vertices);
				ofEndShape();

				ofFill();
				ofSetColor(39);
				ofDrawCircle(circle_location, 5);
			}
		}
	}
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(3);

this->font.loadFont("fonts/Kazesawa-Bold.ttf", 180, true, true, true);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

vector<string> word_list = {

"over",

"1200",

"days"

};

vector<glm::vec2> base_location_list = {

glm::vec2(ofGetWidth() * 0.5 - this->font.stringWidth(word_list[0]) * 0.5, ofGetHeight() * 0.5 - 150),

glm::vec2(ofGetWidth() * 0.5 - this->font.stringWidth(word_list[1]) * 0.5, ofGetHeight() * 0.5 + 60),

glm::vec2(ofGetWidth() * 0.5 - this->font.stringWidth(word_list[2]) * 0.5, ofGetHeight() * 0.5 + 270)

};

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

auto word = word_list[i];

auto base_location = base_location_list[i];

int sample_count = 180;

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);

vector<glm::vec3> vertices = outline[outline_index].getVertices();

vector<glm::vec2> black_vertices, white_vertices;

glm::vec2 circle_location;

int param = ofGetFrameNum() + base_location.y;

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

auto location = base_location + vertices[vertices_index];

if (param % (sample_count * 2) < sample_count) {

if (vertices_index < param % sample_count) {

black_vertices.push_back(location);

}

else {

white_vertices.push_back(location);

}

else {

if (vertices_index > param % sample_count) {

black_vertices.push_back(location);

}

else {

white_vertices.push_back(location);

}

if (vertices_index == param % sample_count) {

circle_location = location;

}

ofNoFill();

ofSetColor(255);

ofBeginShape();

ofVertices(white_vertices);

ofEndShape();

ofSetColor(39);

ofBeginShape();

ofVertices(black_vertices);

ofEndShape();

ofFill();

ofSetColor(39);

ofDrawCircle(circle_location, 5);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年3月30日2020年3月30日

Vertices crawling on a sphere. openFrameworks

[ Video ]

[ About ]
球体上の座標で移動する頂点。
互いに接近するように線を引く。

Vertices that move in coordinates on a sphere.
Draw a line when they are close to each other.

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

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

ofEasyCam cam;

ofMesh frame;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofEnableDepthTest();

	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);

	this->frame.clear();
	for (int i = 0; i < 35; i++) {

		auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
		for (int len = 0; len < 50; len++) {

			auto vertex = glm::vec3(
				ofMap(ofNoise(noise_seed.x, (ofGetFrameNum() + len) * 0.008), 0, 1, -200, 200),
				ofMap(ofNoise(noise_seed.y, (ofGetFrameNum() + len) * 0.008), 0, 1, -200, 200),
				ofMap(ofNoise(noise_seed.z, (ofGetFrameNum() + len) * 0.008), 0, 1, -200, 200));
			vertex = glm::normalize(vertex) * 200;
			this->frame.addVertex(vertex);
		}
	}

	for (int i = 0; i < this->frame.getNumVertices(); i++) {

		for (int k = i + 1; k < this->frame.getNumVertices(); k++) {

			auto d = glm::distance(this->frame.getVertex(i), this->frame.getVertex(k));
			if (d < 30) {

				this->frame.addIndex(i);
				this->frame.addIndex(k);
			}
		}
	}
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.5);

	this->frame.drawWireframe();

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->frame.clear();

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

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

for (int len = 0; len < 50; len++) {

auto vertex = glm::vec3(

ofMap(ofNoise(noise_seed.x, (ofGetFrameNum() + len) * 0.008), 0, 1, -200, 200),

ofMap(ofNoise(noise_seed.y, (ofGetFrameNum() + len) * 0.008), 0, 1, -200, 200),

ofMap(ofNoise(noise_seed.z, (ofGetFrameNum() + len) * 0.008), 0, 1, -200, 200));

vertex = glm::normalize(vertex) * 200;

this->frame.addVertex(vertex);

}

for (int i = 0; i < this->frame.getNumVertices(); i++) {

for (int k = i + 1; k < this->frame.getNumVertices(); k++) {

auto d = glm::distance(this->frame.getVertex(i), this->frame.getVertex(k));

if (d < 30) {

this->frame.addIndex(i);

this->frame.addIndex(k);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.5);

this->frame.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年3月29日

Alignment and Dismemberment. openFrameworks

[ Video ]

[ About ]
整列とバラバラを繰り返す正方形。

Squares that repeat alignment and dismemberment.

[ 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(239);
	ofSetColor(39);
	ofSetLineWidth(0.25);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);
	ofRotateY(ofGetFrameNum() * 0.5);

	int half_len = 25;

	ofMesh base_mesh;
	base_mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	base_mesh.addVertex(glm::vec3(-half_len, -half_len, half_len));
	base_mesh.addVertex(glm::vec3(half_len, -half_len, half_len));
	base_mesh.addVertex(glm::vec3(half_len, half_len, half_len));
	base_mesh.addVertex(glm::vec3(-half_len, half_len, half_len));
	base_mesh.addVertex(glm::vec3(-half_len, -half_len, -half_len));
	base_mesh.addVertex(glm::vec3(half_len, -half_len, -half_len));
	base_mesh.addVertex(glm::vec3(half_len, half_len, -half_len));
	base_mesh.addVertex(glm::vec3(-half_len, half_len, -half_len));

	for (int i = 0; i < base_mesh.getNumVertices(); i++) {

		base_mesh.setVertex(i, base_mesh.getVertex(i) * 0.65);
	}

	base_mesh.addIndex(0); base_mesh.addIndex(1);
	base_mesh.addIndex(3); base_mesh.addIndex(2);
	base_mesh.addIndex(4); base_mesh.addIndex(5);
	base_mesh.addIndex(7); base_mesh.addIndex(6);

	base_mesh.addIndex(0); base_mesh.addIndex(3);
	base_mesh.addIndex(1); base_mesh.addIndex(2);
	base_mesh.addIndex(4); base_mesh.addIndex(7);
	base_mesh.addIndex(5); base_mesh.addIndex(6);

	base_mesh.addIndex(0); base_mesh.addIndex(4);
	base_mesh.addIndex(1); base_mesh.addIndex(5);
	base_mesh.addIndex(2); base_mesh.addIndex(6);
	base_mesh.addIndex(3); base_mesh.addIndex(7);

	for (int x = -100; x <= 100; x += 50) {

		for (int y = -100; y <= 100; y += 50) {

			for (int z = -100; z <= 100; z += 50) {
				
				int param = (ofGetFrameNum() * 3 + y * 7) % 400;
				if (param > 300) { param = 0; }
				else if (param > 200) { param = ofMap(param, 200, 300, 100, 0); }
				else if (param > 100) { param = 100; }

				auto noise_mesh = base_mesh;
				for (int i = 0; i < base_mesh.getNumVertices(); i++) {

					auto location = glm::vec3(
						ofMap(ofNoise(ofRandom(10000)), 0, 1, -half_len, half_len),
						ofMap(ofNoise(ofRandom(10000)), 0, 1, -half_len, half_len),
						ofMap(ofNoise(ofRandom(10000)), 0, 1, -half_len, half_len));

					noise_mesh.setVertex(i, location);
				}

				for (int i = 0; i < base_mesh.getNumVertices(); i++) {

					auto distance = base_mesh.getVertex(i) - noise_mesh.getVertex(i);
					auto d = (distance / 100) * param;

					noise_mesh.setVertex(i, base_mesh.getVertex(i) - d);
				}

				ofPushMatrix();
				ofTranslate(x, y, z);

				noise_mesh.draw();
				for (auto& vertex : noise_mesh.getVertices()) {

					ofDrawSphere(vertex, 1);
				}

				ofPopMatrix();
			}
		}
	}

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

ofSetColor(39);

ofSetLineWidth(0.25);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(ofGetFrameNum() * 0.5);

int half_len = 25;

ofMesh base_mesh;

base_mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

base_mesh.addVertex(glm::vec3(-half_len, -half_len, half_len));

base_mesh.addVertex(glm::vec3(half_len, -half_len, half_len));

base_mesh.addVertex(glm::vec3(half_len, half_len, half_len));

base_mesh.addVertex(glm::vec3(-half_len, half_len, half_len));

base_mesh.addVertex(glm::vec3(-half_len, -half_len, -half_len));

base_mesh.addVertex(glm::vec3(half_len, -half_len, -half_len));

base_mesh.addVertex(glm::vec3(half_len, half_len, -half_len));

base_mesh.addVertex(glm::vec3(-half_len, half_len, -half_len));

for (int i = 0; i < base_mesh.getNumVertices(); i++) {

base_mesh.setVertex(i, base_mesh.getVertex(i) * 0.65);

}

base_mesh.addIndex(0); base_mesh.addIndex(1);

base_mesh.addIndex(3); base_mesh.addIndex(2);

base_mesh.addIndex(4); base_mesh.addIndex(5);

base_mesh.addIndex(7); base_mesh.addIndex(6);

base_mesh.addIndex(0); base_mesh.addIndex(3);

base_mesh.addIndex(1); base_mesh.addIndex(2);

base_mesh.addIndex(4); base_mesh.addIndex(7);

base_mesh.addIndex(5); base_mesh.addIndex(6);

base_mesh.addIndex(0); base_mesh.addIndex(4);

base_mesh.addIndex(1); base_mesh.addIndex(5);

base_mesh.addIndex(2); base_mesh.addIndex(6);

base_mesh.addIndex(3); base_mesh.addIndex(7);

for (int x = -100; x <= 100; x += 50) {

for (int y = -100; y <= 100; y += 50) {

for (int z = -100; z <= 100; z += 50) {

int param = (ofGetFrameNum() * 3 + y * 7) % 400;

if (param > 300) { param = 0; }

else if (param > 200) { param = ofMap(param, 200, 300, 100, 0); }

else if (param > 100) { param = 100; }

auto noise_mesh = base_mesh;

for (int i = 0; i < base_mesh.getNumVertices(); i++) {

auto location = glm::vec3(

ofMap(ofNoise(ofRandom(10000)), 0, 1, -half_len, half_len),

ofMap(ofNoise(ofRandom(10000)), 0, 1, -half_len, half_len));

noise_mesh.setVertex(i, location);

}

for (int i = 0; i < base_mesh.getNumVertices(); i++) {

auto distance = base_mesh.getVertex(i) - noise_mesh.getVertex(i);

auto d = (distance / 100) * param;

noise_mesh.setVertex(i, base_mesh.getVertex(i) - d);

}

ofPushMatrix();

ofTranslate(x, y, z);

noise_mesh.draw();

for (auto& vertex : noise_mesh.getVertices()) {

ofDrawSphere(vertex, 1);

}

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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