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

2020年9月22日2020年9月22日

Shaky circle. Draw by openFrameworks

[ Video ]

[ About ]
ブレる円。

Shaky circle.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofNoFill();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);
}

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

	ofSeedRandom(39);
}

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

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

	vector<ofColor> color_list = { ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255) };

	for (int x = -210; x <= 210; x += 210) {

		for (int y = -210; y <= 210; y += 210) {

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

				auto radius = 25 + i * 25;
				auto walker_location = glm::vec2(x, y) + glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, -100, 100), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, -100, 100));

				for (int k = 0; k < color_list.size(); k++) {

					auto noise_seed = ofRandom(1000);

					ofSetColor(color_list[k]);
					ofBeginShape();
					for (int deg = 0; deg < 360; deg += 1) {

						auto location = glm::vec2(x, y) + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
						auto distance = glm::distance(location, walker_location);
						if (distance < radius) {

							auto noise_radius = ofMap(ofNoise(noise_seed, location.x * 0.035, location.y * 0.035, ofGetFrameNum() * 0.005), 0, 1, radius - 45, radius + 45);
							auto noise_location = glm::vec2(x, y) + glm::vec2(noise_radius * cos(deg * DEG_TO_RAD), noise_radius * sin(deg * DEG_TO_RAD));
							auto gap = location - noise_location;
							ofVertex(location + gap * ofMap(distance, 0, radius * 0.75, 1, 0));
						}
						else {

							ofVertex(location);
						}
					}
					ofEndShape(true);
				}
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofNoFill();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

vector<ofColor> color_list = { ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255) };

for (int x = -210; x <= 210; x += 210) {

for (int y = -210; y <= 210; y += 210) {

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

auto radius = 25 + i * 25;

auto walker_location = glm::vec2(x, y) + glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, -100, 100), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, -100, 100));

for (int k = 0; k < color_list.size(); k++) {

auto noise_seed = ofRandom(1000);

ofSetColor(color_list[k]);

ofBeginShape();

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

auto location = glm::vec2(x, y) + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

auto distance = glm::distance(location, walker_location);

if (distance < radius) {

auto noise_radius = ofMap(ofNoise(noise_seed, location.x * 0.035, location.y * 0.035, ofGetFrameNum() * 0.005), 0, 1, radius - 45, radius + 45);

auto noise_location = glm::vec2(x, y) + glm::vec2(noise_radius * cos(deg * DEG_TO_RAD), noise_radius * sin(deg * DEG_TO_RAD));

auto gap = location - noise_location;

ofVertex(location + gap * ofMap(distance, 0, radius * 0.75, 1, 0));

}

else {

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年9月21日2020年9月21日

Arcs. Draw by openFrameworks

[ Video ]

[ About ]
Arcs.

[ 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 setRingToMesh(ofMesh& frame_target, glm::vec3 location, float radius, int deg_start, int deg_end);

	ofEasyCam cam;
	ofMesh frame;

	vector<glm::vec3> start_location_list;
	vector<glm::vec3> end_location_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 setRingToMesh(ofMesh& frame_target, glm::vec3 location, float radius, int deg_start, int deg_end);

ofEasyCam cam;

ofMesh frame;

vector<glm::vec3> start_location_list;

vector<glm::vec3> end_location_list;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);

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

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

	ofSeedRandom(39);

	this->frame.clear();
	this->start_location_list.clear();
	this->end_location_list.clear();

	int deg_span = 30;
	for (int x = -230; x <= 230; x += 230) {

		for (int y = -230; y <= 230; y += 230) {

			for (int radius = 30; radius <= 90; radius += 15) {

				int deg_start = 0;
				int deg_end = 0;
				int tmp_deg = 0;
				auto noise_seed = ofRandom(1000);
				for (int deg = 0; deg < 360 + tmp_deg; deg += 1) {

					auto noise_value = ofNoise(glm::vec4(noise_seed, cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD), ofGetFrameNum() * 0.01));

					if (noise_value < 0.6) {

						deg_end = deg;

						if (deg == 0) {

							while (true) {

								tmp_deg -= 1;
								auto tmp_noise_value = ofNoise(glm::vec4(noise_seed, cos(tmp_deg * DEG_TO_RAD), sin(tmp_deg * DEG_TO_RAD), ofGetFrameNum() * 0.01));
								if (tmp_noise_value > 0.55 || tmp_deg < -360) { break; }
								deg_start = tmp_deg;
							}
						}
					}
					else {

						if (deg_start < deg_end) {

							this->setRingToMesh(this->frame, glm::vec3(x, y, 0), radius, deg_start, deg_end);
						}

						deg_start = deg;
						deg_end = deg;
					}
				}

				if (deg_start != deg_end) {

					this->setRingToMesh(this->frame, glm::vec3(x, y, 0), radius, deg_start, deg_end);
				}
			}
		}
	}
}

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

	this->cam.begin();

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

	for (auto& location : this->end_location_list) {

		ofFill();
		ofSetColor(239);
		ofDrawCircle(location, 3);

		ofNoFill();
		ofSetColor(39);
		ofDrawCircle(location, 3);
	}

	for (auto& location : this->start_location_list) {

		ofFill();
		ofSetColor(39);
		ofDrawCircle(location, 3);
	}

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setRingToMesh(ofMesh& frame_target, glm::vec3 location, float radius, int deg_start, int deg_end) {

	if (deg_start == deg_end) { return; }

	int index = frame_target.getNumVertices();

	for (int deg = deg_start; deg <= deg_end; deg += 1) {

		vector<glm::vec3> vertices;
		vertices.push_back(location + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(location + glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), 0));
	
		auto frame_index = frame_target.getNumVertices();

		frame_target.addVertices(vertices);
		frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);

		if (deg == deg_start) {

			this->start_location_list.push_back(vertices.front());
		}

		if (deg == deg_end) {

			this->end_location_list.push_back(vertices.back());
		}
	}
}

//--------------------------------------------------------------
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

139

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->frame.clear();

this->start_location_list.clear();

this->end_location_list.clear();

int deg_span = 30;

for (int x = -230; x <= 230; x += 230) {

for (int y = -230; y <= 230; y += 230) {

for (int radius = 30; radius <= 90; radius += 15) {

int deg_start = 0;

int deg_end = 0;

int tmp_deg = 0;

auto noise_seed = ofRandom(1000);

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

auto noise_value = ofNoise(glm::vec4(noise_seed, cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD), ofGetFrameNum() * 0.01));

if (noise_value < 0.6) {

deg_end = deg;

if (deg == 0) {

while (true) {

tmp_deg -= 1;

auto tmp_noise_value = ofNoise(glm::vec4(noise_seed, cos(tmp_deg * DEG_TO_RAD), sin(tmp_deg * DEG_TO_RAD), ofGetFrameNum() * 0.01));

if (tmp_noise_value > 0.55 || tmp_deg < -360) { break; }

deg_start = tmp_deg;

}

else {

if (deg_start < deg_end) {

this->setRingToMesh(this->frame, glm::vec3(x, y, 0), radius, deg_start, deg_end);

}

deg_start = deg;

deg_end = deg;

}

if (deg_start != deg_end) {

this->setRingToMesh(this->frame, glm::vec3(x, y, 0), radius, deg_start, deg_end);

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(39);

this->frame.drawWireframe();

for (auto& location : this->end_location_list) {

ofFill();

ofSetColor(239);

ofDrawCircle(location, 3);

ofNoFill();

ofSetColor(39);

ofDrawCircle(location, 3);

}

for (auto& location : this->start_location_list) {

ofFill();

ofSetColor(39);

ofDrawCircle(location, 3);

}

this->cam.end();

}

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

void ofApp::setRingToMesh(ofMesh& frame_target, glm::vec3 location, float radius, int deg_start, int deg_end) {

if (deg_start == deg_end) { return; }

int index = frame_target.getNumVertices();

for (int deg = deg_start; deg <= deg_end; deg += 1) {

vector<glm::vec3> vertices;

vertices.push_back(location + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(location + glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), 0));

auto frame_index = frame_target.getNumVertices();

frame_target.addVertices(vertices);

frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);

if (deg == deg_start) {

this->start_location_list.push_back(vertices.front());

}

if (deg == deg_end) {

this->end_location_list.push_back(vertices.back());

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年9月20日2020年9月20日

Multicolored rectangle. Draw by openFrameworks

[ Video ]

[ About ]
マルチカラー四角形。

Multicolored rectangle.

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

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

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

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetColor(39);
	ofNoFill();
}

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

	ofSeedRandom(39);
}

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

	ofColor color;
	vector<int> hex_list = { 0xee6352, 0x59cd90, 0x3fa7d6, 0xfac05e, 0xf79d84 };
	vector<ofColor> color_list;
	for (auto hex : hex_list) {

		color.setHex(hex);
		color_list.push_back(color);
	}

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

	auto width = 60;
	auto color_flag = true;
	auto param_start = ofGetFrameNum() * 0.5;

	for (auto len = 100; len < ofGetWidth() - 100; len += width) {

		param_start += 10;
		int color_index = 0;
		for (auto param = param_start; param < param_start + 100; param += 20) {

			vector<glm::vec2> in;
			vector<glm::vec2> out;
			for (auto tmp_param = param; tmp_param <= param + 10; tmp_param++) {

				in.push_back(this->make_point(len, tmp_param));
				out.push_back(this->make_point(len + width, tmp_param));
			}

			reverse(out.begin(), out.end());

			ofFill();
			ofSetColor(color_list[color_index]);

			ofBeginShape();
			ofVertices(in);
			ofVertices(out);
			ofEndShape(true);

			ofNoFill();
			ofSetColor(239);

			ofBeginShape();
			ofVertices(in);
			ofVertices(out);
			ofEndShape(true);

			color_index++;
		}
	}
}

//--------------------------------------------------------------
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());
}

100

101

102

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofNoFill();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofColor color;

vector<int> hex_list = { 0xee6352, 0x59cd90, 0x3fa7d6, 0xfac05e, 0xf79d84 };

vector<ofColor> color_list;

for (auto hex : hex_list) {

color.setHex(hex);

color_list.push_back(color);

}

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

auto width = 60;

auto color_flag = true;

auto param_start = ofGetFrameNum() * 0.5;

for (auto len = 100; len < ofGetWidth() - 100; len += width) {

param_start += 10;

int color_index = 0;

for (auto param = param_start; param < param_start + 100; param += 20) {

vector<glm::vec2> in;

vector<glm::vec2> out;

for (auto tmp_param = param; tmp_param <= param + 10; tmp_param++) {

in.push_back(this->make_point(len, tmp_param));

out.push_back(this->make_point(len + width, tmp_param));

}

reverse(out.begin(), out.end());

ofFill();

ofSetColor(color_list[color_index]);

ofBeginShape();

ofVertices(in);

ofVertices(out);

ofEndShape(true);

ofNoFill();

ofSetColor(239);

ofBeginShape();

ofVertices(in);

ofVertices(out);

ofEndShape(true);

color_index++;

}

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

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/Insta20200920

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