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

2020年2月2日2020年2月2日

Torus tunnel + Up and down from perlin noise. openFrameworks

[ Video ]

[ About ]
トーラス・トンネルにパーリンノイズで変化するZをプラス。

Torus tunnel + Up and down from perlin noise.

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

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh face_mesh, frame_mesh;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh face_mesh, frame_mesh;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(1.5);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);

	this->face_mesh.clear();
	this->frame_mesh.clear();

	auto R = 200;
	auto v_span = 5;
	auto u_span = 8;
	auto v_start = ofGetFrameNum();
	for (auto r = 10; r <= 50; r += 5) {

		v_start += ofGetFrameNum();
		for (auto v = v_start; v < v_start + 30; v += v_span) {

			for (auto u = 0; u < 360; u += u_span) {

				auto noise_seed = this->make_point(R, r, u + u_span * 0.5, v + v_span * 0.5);
				auto noise_value = ofNoise(glm::vec4(noise_seed * 0.005, ofGetFrameNum() * 0.01));

				vector<glm::vec3> vertices;
				vertices.push_back(this->make_point(R, r, u, v));
				vertices.push_back(this->make_point(R, r, u + u_span, v));
				vertices.push_back(this->make_point(R, r, u + u_span, v + v_span));
				vertices.push_back(this->make_point(R, r, u, v + v_span));

				int index = this->face_mesh.getNumVertices();
				this->face_mesh.addVertices(vertices);
				this->frame_mesh.addVertices(vertices);

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

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

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

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

	ofSetColor(239);
	this->face_mesh.drawFaces();

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

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);
	z += ofMap(ofNoise(cos(v), sin(v), ofGetFrameNum() * 0.005), 0, 1, -50, 50);

	return glm::vec3(x, y, z);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(24);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(1.5);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face_mesh.clear();

this->frame_mesh.clear();

auto R = 200;

auto v_span = 5;

auto u_span = 8;

auto v_start = ofGetFrameNum();

for (auto r = 10; r <= 50; r += 5) {

v_start += ofGetFrameNum();

for (auto v = v_start; v < v_start + 30; v += v_span) {

for (auto u = 0; u < 360; u += u_span) {

auto noise_seed = this->make_point(R, r, u + u_span * 0.5, v + v_span * 0.5);

auto noise_value = ofNoise(glm::vec4(noise_seed * 0.005, ofGetFrameNum() * 0.01));

vector<glm::vec3> vertices;

vertices.push_back(this->make_point(R, r, u, v));

vertices.push_back(this->make_point(R, r, u + u_span, v));

vertices.push_back(this->make_point(R, r, u + u_span, v + v_span));

vertices.push_back(this->make_point(R, r, u, v + v_span));

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

this->face_mesh.addVertices(vertices);

this->frame_mesh.addVertices(vertices);

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

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

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

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

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

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

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(300);

ofSetColor(239);

this->face_mesh.drawFaces();

ofSetColor(39);

this->frame_mesh.drawWireframe();

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

z += ofMap(ofNoise(cos(v), sin(v), ofGetFrameNum() * 0.005), 0, 1, -50, 50);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年2月1日2020年1月31日

Character ring. openFrameworks

[ Video ]

[ About ]
文字リング。

Character ring.

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

ofEasyCam cam;

vector<ofPath> path_list;

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetColor(39);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
	ofEnableDepthTest();

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-Bold.ttf", 28, true, true, true);

	string word = "PCDTOKYO2020PCDTOKYO2020";
	for (int i = 0; i < (int)word.size(); i++) {

		this->path_list.push_back(font.getCharacterAsPoints(word[i], true, false));
	}
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

	ofFill();
	ofSetColor(39);
	ofDrawSphere(glm::vec3(), 180);

	int y = 0;
	for (auto radius = 200; radius < 250; radius += 5) {

		ofRotateX(ofMap(ofNoise(ofRandom(10000), ofGetFrameNum() * 0.001), 0, 1, 0, 360));
		ofRotateZ(ofMap(ofNoise(ofRandom(10000), ofGetFrameNum() * 0.001), 0, 1, 0, 360));
		for (int deg = 0; deg < 360; deg += 5) {

			auto location = glm::vec3(0, y, -radius);
			auto rotation_y = glm::rotate(glm::mat4(), (float)(deg * DEG_TO_RAD), glm::vec3(0, 1, 0));
			location = glm::vec4(location, 0) * rotation_y;

			ofPushMatrix();
			ofTranslate(location);
			ofRotateY(180 - deg);
			ofRotateX(180);

			int noise_index = ofMap(ofNoise(location.x * 0.008, location.y * 0.008, location.z * 0.008, ofGetFrameNum() * 0.005), 0, 1, 0, path_list.size());
			int tmp_size = (2 * radius * PI) / 72;
			auto outline = path_list[noise_index].getOutline();

			ofSetColor(239);
			ofFill();
			ofBeginShape();
			for (int line_index = 0; line_index < outline.size(); line_index++) {

				if (line_index != 0) { ofNextContour(true); }

				auto vertices = outline[line_index].getVertices();
				for (int i = 0; i < vertices.size(); i++) {

					ofVertex((vertices[i] / 28 * tmp_size) + glm::vec2(tmp_size * -0.5, tmp_size * 0.5));
				}
			}
			ofEndShape(true);

			ofSetColor(39);
			ofNoFill();
			ofBeginShape();
			for (int line_index = 0; line_index < outline.size(); line_index++) {

				if (line_index != 0) { ofNextContour(true); }

				auto vertices = outline[line_index].getVertices();
				for (int i = 0; i < vertices.size(); i++) {

					ofVertex((vertices[i] / 28 * tmp_size) + glm::vec2(tmp_size * -0.5, tmp_size * 0.5));
				}
			}
			ofEndShape(true);

			ofPopMatrix();
		}
	}

	this->cam.end();
}

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

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

100

101

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

ofEnableDepthTest();

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-Bold.ttf", 28, true, true, true);

string word = "PCDTOKYO2020PCDTOKYO2020";

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

this->path_list.push_back(font.getCharacterAsPoints(word[i], true, false));

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofFill();

ofSetColor(39);

ofDrawSphere(glm::vec3(), 180);

int y = 0;

for (auto radius = 200; radius < 250; radius += 5) {

ofRotateX(ofMap(ofNoise(ofRandom(10000), ofGetFrameNum() * 0.001), 0, 1, 0, 360));

ofRotateZ(ofMap(ofNoise(ofRandom(10000), ofGetFrameNum() * 0.001), 0, 1, 0, 360));

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

auto location = glm::vec3(0, y, -radius);

auto rotation_y = glm::rotate(glm::mat4(), (float)(deg * DEG_TO_RAD), glm::vec3(0, 1, 0));

location = glm::vec4(location, 0) * rotation_y;

ofPushMatrix();

ofTranslate(location);

ofRotateY(180 - deg);

ofRotateX(180);

int noise_index = ofMap(ofNoise(location.x * 0.008, location.y * 0.008, location.z * 0.008, ofGetFrameNum() * 0.005), 0, 1, 0, path_list.size());

int tmp_size = (2 * radius * PI) / 72;

auto outline = path_list[noise_index].getOutline();

ofSetColor(239);

ofFill();

ofBeginShape();

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

if (line_index != 0) { ofNextContour(true); }

auto vertices = outline[line_index].getVertices();

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

ofVertex((vertices[i] / 28 * tmp_size) + glm::vec2(tmp_size * -0.5, tmp_size * 0.5));

}

ofEndShape(true);

ofSetColor(39);

ofNoFill();

ofBeginShape();

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

if (line_index != 0) { ofNextContour(true); }

auto vertices = outline[line_index].getVertices();

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

ofVertex((vertices[i] / 28 * tmp_size) + glm::vec2(tmp_size * -0.5, tmp_size * 0.5));

}

ofEndShape(true);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月31日2020年1月31日

Lines on word. openFrameworks

[ Video ]

[ About ]
文字の上を直進する線。

Lines on word.

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

	int number_of_agent;
	int len_of_tail;
	vector<deque<glm::vec2>> log_list;
	vector<glm::vec2> direction_list;

	ofFbo fbo;
	ofPixels pixels;
};

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

int number_of_agent;

int len_of_tail;

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

vector<glm::vec2> direction_list;

ofFbo fbo;

ofPixels pixels;

};

#include "ofApp.h"

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

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

	ofBackground(239);

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-bold.ttf", 250, true, true, true);

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	this->fbo.begin();
	ofClear(0);

	string word = "PCD";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font.stringHeight(word) * 0.1);
	word = "TOKYO";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font.stringHeight(word) * 1.1);

	this->fbo.end();
	this->fbo.readToPixels(this->pixels);

	this->number_of_agent = 120;
	this->len_of_tail = 100;
	while (this->log_list.size() < this->number_of_agent) {

		int x = ofRandom(ofGetWidth());
		int y = ofRandom(ofGetHeight());
		if (this->pixels.getColor(x, y) != ofColor(0, 0)) {

			deque<glm::vec2> log;
			log.push_front(glm::vec2(x, y));
			this->log_list.push_back(log);
			this->direction_list.push_back(glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))));
		}
	}

	ofSetLineWidth(1.5);
}

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

	for (int i = 0; i < this->number_of_agent; i++) {

		glm::vec2 future = this->log_list[i].front() + this->direction_list[i] * 5;
		int x = future.x;
		int y = future.y;

		while (this->pixels.getColor(x, y) == ofColor(0, 0)) {

			this->direction_list[i] = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1)));

			future = this->log_list[i].front() + this->direction_list[i] * 10;
			x = future.x;
			y = future.y;
		}

		this->log_list[i].push_front(future);
		while (this->log_list[i].size() > this->len_of_tail) {

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

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

	for (int i = 0; i < this->number_of_agent; i++) {

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

			ofDrawLine(this->log_list[i][l], this->log_list[i][l + 1]);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-bold.ttf", 250, true, true, true);

this->fbo.allocate(ofGetWidth(), ofGetHeight());

this->fbo.begin();

ofClear(0);

string word = "PCD";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font.stringHeight(word) * 0.1);

word = "TOKYO";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font.stringHeight(word) * 1.1);

this->fbo.end();

this->fbo.readToPixels(this->pixels);

this->number_of_agent = 120;

this->len_of_tail = 100;

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

int x = ofRandom(ofGetWidth());

int y = ofRandom(ofGetHeight());

if (this->pixels.getColor(x, y) != ofColor(0, 0)) {

deque<glm::vec2> log;

log.push_front(glm::vec2(x, y));

this->log_list.push_back(log);

this->direction_list.push_back(glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))));

}

ofSetLineWidth(1.5);

}

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

void ofApp::update() {

for (int i = 0; i < this->number_of_agent; i++) {

glm::vec2 future = this->log_list[i].front() + this->direction_list[i] * 5;

int x = future.x;

int y = future.y;

while (this->pixels.getColor(x, y) == ofColor(0, 0)) {

this->direction_list[i] = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1)));

future = this->log_list[i].front() + this->direction_list[i] * 10;

x = future.x;

y = future.y;

}

this->log_list[i].push_front(future);

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

this->log_list[i].pop_back();

}

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

void ofApp::draw() {

for (int i = 0; i < this->number_of_agent; i++) {

ofSetColor(39);

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

ofDrawLine(this->log_list[i][l], this->log_list[i][l + 1]);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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