circle – ページ 47 – プログラミング de 落描き

2021年10月11日2021年10月11日

Connections. Draw by openFrameworks

[ Video ]

[ About ]
ランダムウォークの進みを半径を超えるまで進める事で、円の点と点が線でつながる。

By advancing the random walk until it exceeds the radius, the points of the circle are connected by lines.

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

	float radius;

	vector<glm::vec2> base_location_list;
	vector<vector<glm::vec2>> log_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) {};

float radius;

vector<glm::vec2> base_location_list;

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

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetLineWidth(1.5);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);
	ofNoFill();

	this->radius = 150;
	for (float deg = 0; deg < 360; deg += 1.5) {

		auto location = glm::vec2(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD));
		this->base_location_list.push_back(location);
	}
}

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

	this->log_list.clear();

	for (int base_x = -165; base_x <= 165; base_x += 330) {

		for (int base_y = -165; base_y <= 165; base_y += 330) {

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

				vector<glm::vec2> log;
				log.push_back(glm::vec2(this->base_location_list[i] + glm::vec2(base_x, base_y)));
				this->log_list.push_back(log);
			}

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

				int k = 0;
				while (true) {

					auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.015, ofGetFrameNum() * 0.006 + k * 0.001)), 0, 1, -180, 180);
					auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

					if (glm::distance(glm::vec2(base_x, base_y), next) < this->radius) {

						this->log_list[i].push_back(next);
					}
					else {

						break;
					}

					k++;
				}
			}
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	
	for (int i = 0; i < this->log_list.size(); i++) {

		if (this->log_list[i].size() > 1) {

			ofNoFill();
			ofSetColor(190);
			ofBeginShape();
			ofVertices(this->log_list[i]);
			ofEndShape();

			ofFill();
			ofDrawCircle(this->log_list[i].back(), 3);
			ofDrawCircle(this->log_list[i].front(), 3);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(1.5);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

ofNoFill();

this->radius = 150;

for (float deg = 0; deg < 360; deg += 1.5) {

auto location = glm::vec2(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD));

this->base_location_list.push_back(location);

}

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

void ofApp::update() {

this->log_list.clear();

for (int base_x = -165; base_x <= 165; base_x += 330) {

for (int base_y = -165; base_y <= 165; base_y += 330) {

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

vector<glm::vec2> log;

log.push_back(glm::vec2(this->base_location_list[i] + glm::vec2(base_x, base_y)));

this->log_list.push_back(log);

}

int step = 1;

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

int k = 0;

while (true) {

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.015, ofGetFrameNum() * 0.006 + k * 0.001)), 0, 1, -180, 180);

auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

if (glm::distance(glm::vec2(base_x, base_y), next) < this->radius) {

this->log_list[i].push_back(next);

}

else {

break;

}

k++;

}

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

void ofApp::draw() {

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

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

if (this->log_list[i].size() > 1) {

ofNoFill();

ofSetColor(190);

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

ofFill();

ofDrawCircle(this->log_list[i].back(), 3);

ofDrawCircle(this->log_list[i].front(), 3);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年10月7日2021年10月7日

yin yang circles. Draw by openFrameworks

[ Video ]

[ About ]
計算した角度を改めて割り振りなおして、緩急をつける。

I reassign the calculated angle to make it slower and faster.

	if (deg < 80) { deg = 0; }
			else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }
			else if (deg < 170) { deg = 90; }
			else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }
			else if (deg < 260) { deg = 180; }
			else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }
			else if (deg < 350) { deg = 270; }
			else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

if (deg < 80) { deg = 0; }

else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }

else if (deg < 170) { deg = 90; }

else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }

else if (deg < 260) { deg = 180; }

else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }

else if (deg < 350) { deg = 270; }

else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

[ 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_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2);
};

#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_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2);

};

#include "ofApp.h"

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

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

	ofBackground(239);
}

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

}

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

	int radius = 20;
	for(int x = radius * 3; x <= ofGetWidth() - radius * 3; x += radius * 2){

		for (int y = radius * 3; y <= ofGetHeight() - radius * 3; y += radius * 2) {

			int deg = ofMap(ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.01), 0, 1, 0, 360);

			if (deg < 80) { deg = 0; }
			else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }
			else if (deg < 170) { deg = 90; }
			else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }
			else if (deg < 260) { deg = 180; }
			else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }
			else if (deg < 350) { deg = 270; }
			else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }


			this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 0 + deg, ofColor(239), ofColor(39));
			this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 180 + deg, ofColor(39), ofColor(239));
		}
	}		
}

//--------------------------------------------------------------
void ofApp::draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2) {

	float len = radius * 0.5522;
	float deg = 0;

	ofPushMatrix();
	ofTranslate(location);
	ofRotate(rotate_deg);

	vector<glm::vec2> vertices;
	vector<pair<glm::vec2, glm::vec2>> handle_list;

	vertices.push_back(glm::vec2(0, 0));
	deg = 180;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius * 0.5, radius * -0.5));
	deg = 90;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(0, radius * -1));
	deg = 0;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * cos(deg * DEG_TO_RAD), len  * sin(deg * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius, 0));
	deg = 270;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * cos(deg * DEG_TO_RAD), len * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * cos((deg + 180) * DEG_TO_RAD), len * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(0, radius));
	deg = 0;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * cos(deg * DEG_TO_RAD), len * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius * -0.5, radius * 0.5));
	deg = 90;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	ofSetColor(color_1);
	ofFill();
	ofBeginShape();
	for (int i = 0; i < vertices.size(); i++) {

		int n = (i + 1) % vertices.size();

		ofVertex(vertices[i]);
		ofBezierVertex(handle_list[i].second, handle_list[n].first, vertices[n]);
	}
	ofEndShape();

	ofSetColor(color_2);
	ofBeginShape();
	for (deg = 0; deg <= 360; deg += 5) {

		ofVertex(glm::vec2(0, radius * 0.5) + glm::vec2(radius * 0.2 * cos(deg * DEG_TO_RAD), radius * 0.2 * sin(deg * DEG_TO_RAD)));
	}
	ofEndShape(true);

	ofSetColor(ofColor(39));
	ofNoFill();
	ofBeginShape();
	for (int i = 0; i < vertices.size(); i++) {

		int n = (i + 1) % vertices.size();

		ofVertex(vertices[i]);
		ofBezierVertex(handle_list[i].second, handle_list[n].first, vertices[n]);
	}

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

		ofVertex(glm::vec2(0, radius * 0.5) + glm::vec2(radius * 0.2 * cos(deg * DEG_TO_RAD), radius * 0.2 * sin(deg * DEG_TO_RAD)));
	}
	ofEndShape(true);

	ofPopMatrix();
}

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

ofSetWindowTitle("openFrameworks");

ofBackground(239);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int radius = 20;

for(int x = radius * 3; x <= ofGetWidth() - radius * 3; x += radius * 2){

for (int y = radius * 3; y <= ofGetHeight() - radius * 3; y += radius * 2) {

int deg = ofMap(ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.01), 0, 1, 0, 360);

if (deg < 80) { deg = 0; }

else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }

else if (deg < 170) { deg = 90; }

else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }

else if (deg < 260) { deg = 180; }

else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }

else if (deg < 350) { deg = 270; }

else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 0 + deg, ofColor(239), ofColor(39));

this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 180 + deg, ofColor(39), ofColor(239));

}

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

void ofApp::draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2) {

float len = radius * 0.5522;

float deg = 0;

ofPushMatrix();

ofTranslate(location);

ofRotate(rotate_deg);

vector<glm::vec2> vertices;

vector<pair<glm::vec2, glm::vec2>> handle_list;

vertices.push_back(glm::vec2(0, 0));

deg = 180;