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

2022年1月21日2022年1月21日

Rings. Draw by openFrameworks

[ Video ]

[ About ]
ofBlendMode::OF_BLENDMODE_MULTIPLY

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

	ofMesh mesh;
	vector<float> noise_seed_list;
	vector<float> noise_param_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) {};

ofMesh mesh;

vector<float> noise_seed_list;

vector<float> noise_param_list;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

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

		this->noise_seed_list.push_back(ofRandom(1000));
		this->noise_param_list.push_back(0);
	}
}

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

	this->mesh.clear();

	int radius = 300;
	int span = 25;
	ofColor color;

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

		color.setHsb(ofMap(i, 0, this->noise_seed_list.size(), 0, 255), 128, 255);

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

			auto noise_location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			auto noise_param = ofMap(ofNoise(this->noise_seed_list[i], noise_location.x * 0.005, noise_location.y * 0.005, this->noise_param_list[i]), 0, 1, 0.5, 1);

			this->mesh.addVertex(glm::vec3(radius * noise_param * cos(deg * DEG_TO_RAD), radius * noise_param * sin(deg * DEG_TO_RAD), 0));
			this->mesh.addColor(color);
		}

		this->noise_param_list[i] += 0.005;
	}


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

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

			auto distance = glm::distance(this->mesh.getVertex(i), this->mesh.getVertex(k));
			if (distance < span) {

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

}

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

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

	this->mesh.drawWireframe();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

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

this->noise_seed_list.push_back(ofRandom(1000));

this->noise_param_list.push_back(0);

}

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

void ofApp::update() {

this->mesh.clear();

int radius = 300;

int span = 25;

ofColor color;

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

color.setHsb(ofMap(i, 0, this->noise_seed_list.size(), 0, 255), 128, 255);

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

auto noise_location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

auto noise_param = ofMap(ofNoise(this->noise_seed_list[i], noise_location.x * 0.005, noise_location.y * 0.005, this->noise_param_list[i]), 0, 1, 0.5, 1);

this->mesh.addVertex(glm::vec3(radius * noise_param * cos(deg * DEG_TO_RAD), radius * noise_param * sin(deg * DEG_TO_RAD), 0));

this->mesh.addColor(color);

}

this->noise_param_list[i] += 0.005;

}

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

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

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

if (distance < span) {

this->mesh.addIndex(i);

this->mesh.addIndex(k);

}

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

void ofApp::draw() {

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

this->mesh.drawWireframe();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年1月20日2022年1月20日

Dot or Line. Draw by openFrameworks

[ Video ]

[ About ]
ドットとフレームを見比べる。

Dot and Line.

[ 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;
	ofMesh line, draw_line;
};

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

ofMesh line, draw_line;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetColor(255);
	ofEnableDepthTest();
	ofSetLineWidth(1.5);

	this->line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	this->draw_line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

	auto ico_sphere = ofIcoSpherePrimitive(150, 3);
	auto triangles = ico_sphere.getMesh().getUniqueFaces();
	for (auto& triangle : triangles) {

		auto avg = glm::vec3(triangle.getVertex(0) + triangle.getVertex(1) + triangle.getVertex(2)) / 3;
		this->line.addVertex(avg);
	}

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

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

			auto& location = this->line.getVertex(i);
			auto& other = this->line.getVertex(k);

			if (glm::distance(location, other) < 15) {

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

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

	this->draw_line = this->line;

	for (auto& vertex : this->draw_line.getVertices()) {

		auto noise_value = ofNoise(glm::vec4(vertex * 0.0015, ofGetFrameNum() * 0.01));

		if (noise_value > 0.5 && noise_value < 0.55) {

			vertex = glm::normalize(vertex) * ofMap(noise_value, 0.5, 0.55, 200, 300);
		}
		else if (noise_value > 0.55) {

			vertex = glm::normalize(vertex) * 300;
		}
		else {

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

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

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

	ofTranslate(-320, 0, 0);

	this->draw_line.drawWireframe();

	ofTranslate(640, 0, 0);

	for (auto& vertex : this->draw_line.getVertices()) {

		ofDrawSphere(vertex, 3.5);
	}

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

ofSetColor(255);

ofEnableDepthTest();

ofSetLineWidth(1.5);

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

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

auto ico_sphere = ofIcoSpherePrimitive(150, 3);

auto triangles = ico_sphere.getMesh().getUniqueFaces();

for (auto& triangle : triangles) {

auto avg = glm::vec3(triangle.getVertex(0) + triangle.getVertex(1) + triangle.getVertex(2)) / 3;

this->line.addVertex(avg);

}

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

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

auto& location = this->line.getVertex(i);

auto& other = this->line.getVertex(k);

if (glm::distance(location, other) < 15) {

this->line.addIndex(i);

this->line.addIndex(k);

}

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

void ofApp::update() {

this->draw_line = this->line;

for (auto& vertex : this->draw_line.getVertices()) {

auto noise_value = ofNoise(glm::vec4(vertex * 0.0015, ofGetFrameNum() * 0.01));

if (noise_value > 0.5 && noise_value < 0.55) {

vertex = glm::normalize(vertex) * ofMap(noise_value, 0.5, 0.55, 200, 300);

}

else if (noise_value > 0.55) {

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

}

else {

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

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum());

ofTranslate(-320, 0, 0);

this->draw_line.drawWireframe();

ofTranslate(640, 0, 0);

for (auto& vertex : this->draw_line.getVertices()) {

ofDrawSphere(vertex, 3.5);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年1月19日2022年1月19日

Violent torus. Draw by openframeworks

[ video ]

[ About ]
トーラスの座標をねじって遊ぶ。

Play around with twisting the coordinates of the torus.

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

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

	ofEasyCam cam;
	ofMesh base_face, base_line, draw_face, draw_line;
};

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

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

ofEasyCam cam;

ofMesh base_face, base_line, draw_face, draw_line;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(255);
	ofEnableDepthTest();
	//ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

	this->base_line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	this->draw_line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

	float phi_deg_step = 2;
	float theta_deg_step = 8;

	float R = 250;
	float r = R * 0.25;

	for (float phi_deg = 0; phi_deg < 360; phi_deg += phi_deg_step) {

		for (float theta_deg = 0; theta_deg < 360; theta_deg += theta_deg_step) {

			auto index = this->base_face.getNumVertices();
			vector<glm::vec3> vertices;

			vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg - theta_deg_step * 0.5, phi_deg - phi_deg_step * 0.5)));
			vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg + theta_deg_step * 0.5, phi_deg - phi_deg_step * 0.5)));
			vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg - theta_deg_step * 0.5, phi_deg + phi_deg_step * 0.5)));
			vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg + theta_deg_step * 0.5, phi_deg + phi_deg_step * 0.5)));

			this->base_face.addVertices(vertices);
			this->base_line.addVertices(vertices);

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

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

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

	ofSeedRandom(39);

	this->draw_face = this->base_face;
	this->draw_line = this->base_line;

	auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	for (int i = 0; i < this->draw_face.getNumVertices(); i++) {

		auto vertex = this->draw_face.getVertex(i);

		auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(vertex * 0.003, noise_seed.x + ofGetFrameNum() * 0.02)), 0, 1, -30, 30) * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));
		auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(vertex * 0.003, noise_seed.y + ofGetFrameNum() * 0.02)), 0, 1, -30, 30) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
		auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(vertex * 0.003, noise_seed.z + ofGetFrameNum() * 0.02)), 0, 1, -30, 30) * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));
			
		vertex = glm::vec4(vertex, 0) * rotation_z * rotation_y * rotation_x;

		this->draw_face.setVertex(i, vertex);
		this->draw_line.setVertex(i, vertex);
	}

}

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

	this->cam.begin();

	ofSetColor(255);
	this->draw_line.draw();

	ofSetColor(0);
	this->draw_face.draw();

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

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


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

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

100

101

102

103

104

105

106

107

108

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofEnableDepthTest();

//ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

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

float phi_deg_step = 2;

float theta_deg_step = 8;

float R = 250;

float r = R * 0.25;

for (float phi_deg = 0; phi_deg < 360; phi_deg += phi_deg_step) {

for (float theta_deg = 0; theta_deg < 360; theta_deg += theta_deg_step) {

auto index = this->base_face.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg - theta_deg_step * 0.5, phi_deg - phi_deg_step * 0.5)));

vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg + theta_deg_step * 0.5, phi_deg - phi_deg_step * 0.5)));

vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg - theta_deg_step * 0.5, phi_deg + phi_deg_step * 0.5)));

vertices.push_back(glm::vec3(this->make_point(R, r, theta_deg + theta_deg_step * 0.5, phi_deg + phi_deg_step * 0.5)));

this->base_face.addVertices(vertices);

this->base_line.addVertices(vertices);

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

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

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

this->base_line.addIndex(index + 1); this->base_line.addIndex(index + 3);

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

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->draw_face = this->base_face;

this->draw_line = this->base_line;

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

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

auto vertex = this->draw_face.getVertex(i);

auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(vertex * 0.003, noise_seed.x + ofGetFrameNum() * 0.02)), 0, 1, -30, 30) * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(vertex * 0.003, noise_seed.y + ofGetFrameNum() * 0.02)), 0, 1, -30, 30) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(vertex * 0.003, noise_seed.z + ofGetFrameNum() * 0.02)), 0, 1, -30, 30) * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

vertex = glm::vec4(vertex, 0) * rotation_z * rotation_y * rotation_x;

this->draw_face.setVertex(i, vertex);

this->draw_line.setVertex(i, vertex);

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(255);

this->draw_line.draw();

ofSetColor(0);

this->draw_face.draw();

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

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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