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

2019年10月4日2019年10月4日

Tile ring. Draw by openFrameworks

[ Video ]

[ About ]
ky0ju さんのタイルリングを参考に、繋ぎ直すタイルリング。

Tile ring.

互いに接続して見えるタイリング【Processing】
https://note.mu/ky0ju/n/n73f379f42933

[ 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_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color);

	vector<ofColor> color_list;

	vector<glm::vec2> location_list;
	vector<int> color_index_list;
	vector<int> rotate_param_list;
	vector<int> deg_start_list;
	vector<int> deg_end_list;
	vector<bool> flag_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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

void draw_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color);

vector<ofColor> color_list;

vector<glm::vec2> location_list;

vector<int> color_index_list;

vector<int> rotate_param_list;

vector<int> deg_start_list;

vector<int> deg_end_list;

vector<bool> flag_list;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetLineWidth(2);

	ofColor color;
	vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->color_list.push_back(color);
	}

	int size = 60;
	for (int x = size * 0.5; x <= ofGetWidth() - size * 0.5; x += size) {

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

			this->location_list.push_back(glm::vec2(x, y));

			int color_index = ofRandom(this->color_list.size());
			this->color_index_list.push_back(color_index);

			int rotate_param = ofRandom(4);
			this->rotate_param_list.push_back(rotate_param);

			this->deg_start_list.push_back(0);
			this->deg_end_list.push_back(90);
			this->flag_list.push_back(false);
		}
	}
}

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

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

		if (ofGetFrameNum() % 45 == 0) {

			if (ofRandom(100) < 10) { this->flag_list[i] = true; }
		}

		if (this->flag_list[i]) {

			if (this->deg_end_list[i] < 90) {

				this->deg_end_list[i] += 2;
			}
			else {

				this->deg_start_list[i] += 2;
				if (this->deg_start_list[i] >= 90) {

					this->deg_end_list[i] = 0;
					this->deg_start_list[i] = 0;
					this->color_index_list[i] = ofRandom(this->color_list.size());
					this->rotate_param_list[i] = (this->rotate_param_list[i] + 1) % this->rotate_param_list.size();
				}
			}

			if (this->deg_start_list[i] == 0 && this->deg_end_list[i] == 90) { this->flag_list[i] = false; }
		}
	}
}

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

	int size = 60;
	int radius = size * 0.5;
	int width = 5;
	for (int i = 0; i < this->location_list.size(); i++) {

		ofPushMatrix();
		ofTranslate(this->location_list[i].x, this->location_list[i].y);
		ofRotate(90 * this->rotate_param_list[i]);

		vector<glm::vec2> vertices_1, vertices_2;
		for (int deg = this->deg_start_list[i]; deg <= this->deg_end_list[i]; deg++) {

			vertices_1.push_back(glm::vec2(size * -0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));
			vertices_2.push_back(glm::vec2(size * -0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));
		}

		this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

		vertices_1.clear();
		vertices_2.clear();
		for (int deg = 180 + this->deg_start_list[i]; deg <= 180 + this->deg_end_list[i]; deg++) {

			vertices_1.push_back(glm::vec2(size * 0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));
			vertices_2.push_back(glm::vec2(size * 0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));
		}

		this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

		ofPopMatrix();
	}
}

//--------------------------------------------------------------
void ofApp::draw_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color) {

	ofFill();
	ofSetColor(color);

	std::reverse(vertices_2.begin(), vertices_2.end());

	ofBeginShape();
	ofVertices(vertices_1);
	ofVertices(vertices_2);
	ofEndShape(true);

	ofNoFill();
	ofSetColor(239);

	ofBeginShape();
	ofVertices(vertices_1);
	ofEndShape(false);

	ofBeginShape();
	ofVertices(vertices_2);
	ofEndShape(false);
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(2);

ofColor color;

vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };

for (auto hex : hex_list) {

color.setHex(hex);

this->color_list.push_back(color);

}

int size = 60;

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

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

this->location_list.push_back(glm::vec2(x, y));

int color_index = ofRandom(this->color_list.size());

this->color_index_list.push_back(color_index);

int rotate_param = ofRandom(4);

this->rotate_param_list.push_back(rotate_param);

this->deg_start_list.push_back(0);

this->deg_end_list.push_back(90);

this->flag_list.push_back(false);

}

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

void ofApp::update() {

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

if (ofGetFrameNum() % 45 == 0) {

if (ofRandom(100) < 10) { this->flag_list[i] = true; }

}

if (this->flag_list[i]) {

if (this->deg_end_list[i] < 90) {

this->deg_end_list[i] += 2;

}

else {

this->deg_start_list[i] += 2;

if (this->deg_start_list[i] >= 90) {

this->deg_end_list[i] = 0;

this->deg_start_list[i] = 0;

this->color_index_list[i] = ofRandom(this->color_list.size());

this->rotate_param_list[i] = (this->rotate_param_list[i] + 1) % this->rotate_param_list.size();

}

if (this->deg_start_list[i] == 0 && this->deg_end_list[i] == 90) { this->flag_list[i] = false; }

}

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

void ofApp::draw() {

int size = 60;

int radius = size * 0.5;

int width = 5;

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

ofPushMatrix();

ofTranslate(this->location_list[i].x, this->location_list[i].y);

ofRotate(90 * this->rotate_param_list[i]);

vector<glm::vec2> vertices_1, vertices_2;

for (int deg = this->deg_start_list[i]; deg <= this->deg_end_list[i]; deg++) {

vertices_1.push_back(glm::vec2(size * -0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2(size * -0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));

}

this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

vertices_1.clear();

vertices_2.clear();

for (int deg = 180 + this->deg_start_list[i]; deg <= 180 + this->deg_end_list[i]; deg++) {

vertices_1.push_back(glm::vec2(size * 0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2(size * 0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));

}

this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

ofPopMatrix();

}

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

void ofApp::draw_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color) {

ofFill();

ofSetColor(color);

std::reverse(vertices_2.begin(), vertices_2.end());

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

ofNoFill();

ofSetColor(239);

ofBeginShape();

ofVertices(vertices_1);

ofEndShape(false);

ofBeginShape();

ofVertices(vertices_2);

ofEndShape(false);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年10月3日2019年10月3日

Butterfly. openFrameworks

[ Video ]

[ About ]
クリエイティブ・コーディング・ちょうちょ。

Butterfly.

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

	glm::vec2 make_point(int len, int param);
};

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

glm::vec2 make_point(int len, int param);

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetColor(39);
	ofNoFill();
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

}

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

	this->cam.begin();
	ofRotate(45);

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

		for (int len = 50; len < 250; len += 25) {

			vector<glm::vec3> vertices;
			for (int param = 0; param < 100; param++) {

				auto location = glm::vec3(this->make_point(len, param), 0) + glm::vec3(len * 0.5, len * -0.5, 0);
				auto distance = glm::length(location);

				auto angle_y = ofMap(sin(distance * 0.008 + ofGetFrameNum() * 0.02), -1, 1, -PI * 0.2, PI * 0.2);
				auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(1, 1, 0));
				location = glm::vec4(location, 0) * rotation_y;

				vertices.push_back(location);
			}

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

		ofRotate(180);
	}

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofNoFill();

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotate(45);

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

for (int len = 50; len < 250; len += 25) {

vector<glm::vec3> vertices;

for (int param = 0; param < 100; param++) {

auto location = glm::vec3(this->make_point(len, param), 0) + glm::vec3(len * 0.5, len * -0.5, 0);

auto distance = glm::length(location);

auto angle_y = ofMap(sin(distance * 0.008 + ofGetFrameNum() * 0.02), -1, 1, -PI * 0.2, PI * 0.2);

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(1, 1, 0));

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

vertices.push_back(location);

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

ofRotate(180);

}

this->cam.end();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年10月2日

Soft square. openFrameworks

[ Video ]

[ About ]
ぐにゃぐにゃ正方形。

Soft square.

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

	glm::vec2 make_point(int len, int param);
};

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

glm::vec2 make_point(int len, int param);

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetColor(39);
	ofNoFill();
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

}

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

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

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

		vector<glm::vec3> vertices;
		for (int param = 0; param < 100; param++) {

			auto location = glm::vec3(this->make_point(len, param), 0);
			auto len = glm::length(location);

			auto angle_x = ofMap(sin(len * 0.01 + ofGetFrameNum() * 0.01), -1, 1, -PI * 0.25, PI * 0.25);
			auto angle_y = ofMap(sin(len * 0.01 + ofGetFrameNum() * 0.01), -1, 1, -PI * 0.25, PI * 0.25);

			auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
			location = glm::vec4(location, 0) * rotation_y * rotation_x;

			vertices.push_back(location);
		}

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

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofNoFill();

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.5);

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

vector<glm::vec3> vertices;

for (int param = 0; param < 100; param++) {

auto location = glm::vec3(this->make_point(len, param), 0);

auto len = glm::length(location);

auto angle_x = ofMap(sin(len * 0.01 + ofGetFrameNum() * 0.01), -1, 1, -PI * 0.25, PI * 0.25);

auto angle_y = ofMap(sin(len * 0.01 + ofGetFrameNum() * 0.01), -1, 1, -PI * 0.25, PI * 0.25);

auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

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

vertices.push_back(location);

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

this->cam.end();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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