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

2020年6月29日2020年6月29日

Overlap the circles of the Bezier curve. Draw by openFrameworks

[ Video ]

[ About ]
ベジェ曲線の円を重ねる。

Overlap the circles of the Bezier curve.

[ 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(0);
	ofSetLineWidth(1.5);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	int radius = 25;
	float handle_len = radius;
	int number_of_location = 4;
	int deg_span = 360 / number_of_location;

	vector<ofColor> color_list = {ofColor(255, 60, 60), ofColor(60, 255, 60), ofColor(60, 60, 255) };
	for (int x = 120; x <= ofGetWidth() - 120; x += 80) {

		for (int y = 120; y <= ofGetHeight() - 120; y += 80) {

			ofPushMatrix();
			ofTranslate(x, y);

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

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

				vector<glm::vec2> location_list;
				vector<float> deg_list;
				for (int deg = 0; deg < 360; deg += deg_span) {

					location_list.push_back(glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
					deg_list.push_back(deg + 90);
				}

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

					deg_list[k] += ofMap(ofNoise(noise_seed.x + location_list[k].x, noise_seed.y + location_list[k].y, ofGetFrameNum() * 0.01), 0, 1, -90, 90);
				}

				ofNoFill();
				ofSetColor(color_list[i]);

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

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

					ofVertex(location_list[i]);
					ofBezierVertex(
						location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)),
						location_list[n] + glm::vec2(handle_len * cos((deg_list[n] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[n] + 180) * DEG_TO_RAD)),
						location_list[n]);
				}
				ofEndShape();

				ofFill();
				ofSetColor(color_list[i] * 0.8);

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

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

					ofVertex(location_list[i]);
					ofBezierVertex(
						location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)),
						location_list[n] + glm::vec2(handle_len * cos((deg_list[n] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[n] + 180) * DEG_TO_RAD)),
						location_list[n]);
				}
				ofEndShape();
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(1.5);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int radius = 25;

float handle_len = radius;

int number_of_location = 4;

int deg_span = 360 / number_of_location;

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

for (int x = 120; x <= ofGetWidth() - 120; x += 80) {

for (int y = 120; y <= ofGetHeight() - 120; y += 80) {

ofPushMatrix();

ofTranslate(x, y);

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

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

vector<glm::vec2> location_list;

vector<float> deg_list;

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

location_list.push_back(glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

deg_list.push_back(deg + 90);

}

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

deg_list[k] += ofMap(ofNoise(noise_seed.x + location_list[k].x, noise_seed.y + location_list[k].y, ofGetFrameNum() * 0.01), 0, 1, -90, 90);

}

ofNoFill();

ofSetColor(color_list[i]);

ofBeginShape();

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

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

ofVertex(location_list[i]);

ofBezierVertex(

location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)),

location_list[n] + glm::vec2(handle_len * cos((deg_list[n] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[n] + 180) * DEG_TO_RAD)),

location_list[n]);

}

ofEndShape();

ofFill();

ofSetColor(color_list[i] * 0.8);

ofBeginShape();

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

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

ofVertex(location_list[i]);

ofBezierVertex(

location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)),

location_list[n] + glm::vec2(handle_len * cos((deg_list[n] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[n] + 180) * DEG_TO_RAD)),

location_list[n]);

}

ofEndShape();

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
GitHub is 500 Error.

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年6月28日

Draw a circle with Bezier curves. Draw by openFrameworks

[ Video ]

[ About ]
ベジェ曲線で円を描く。

Draw a circle with Bezier curves.

[ 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);
	ofSetColor(39);
}

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

}

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

	int radius = 100;
	float handle_len = radius * 0.5522;
	int number_of_location = 4;
	int deg_span = 360 / number_of_location;

	for (int x = 200; x <= ofGetWidth(); x += 320) {

		for (int y = 200; y <= ofGetHeight(); y += 320) {

			vector<glm::vec2> location_list;
			vector<float> deg_list;
			for (int deg = 0; deg < 360; deg += deg_span) {

				location_list.push_back(glm::vec2(x + radius * cos(deg * DEG_TO_RAD), y + radius * sin(deg * DEG_TO_RAD)));
				deg_list.push_back(deg + 90);
			}

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

				deg_list[i] += ofMap(ofNoise(glm::vec3(location_list[i], ofGetFrameNum() * 0.01)), 0, 1, -180, 180);
			}

			ofNoFill();
			ofSetLineWidth(2);

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

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

				ofVertex(location_list[i]);
				ofBezierVertex(
					location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)),
					location_list[n] + glm::vec2(handle_len * cos((deg_list[n] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[n] + 180) * DEG_TO_RAD)),
					location_list[n]);
			}
			ofEndShape();

			ofFill();
			ofSetLineWidth(0.5);

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

				ofDrawCircle(location_list[i], 5);

				ofDrawCircle(location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)), 3);
				ofDrawCircle(location_list[i] + glm::vec2(handle_len * cos((deg_list[i] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[i] + 180) * DEG_TO_RAD)), 3);

				ofDrawLine(location_list[i], location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)));
				ofDrawLine(location_list[i], location_list[i] + glm::vec2(handle_len * cos((deg_list[i] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[i] + 180) * DEG_TO_RAD)));
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int radius = 100;

float handle_len = radius * 0.5522;

int number_of_location = 4;

int deg_span = 360 / number_of_location;

for (int x = 200; x <= ofGetWidth(); x += 320) {

for (int y = 200; y <= ofGetHeight(); y += 320) {

vector<glm::vec2> location_list;

vector<float> deg_list;

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

location_list.push_back(glm::vec2(x + radius * cos(deg * DEG_TO_RAD), y + radius * sin(deg * DEG_TO_RAD)));

deg_list.push_back(deg + 90);

}

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

deg_list[i] += ofMap(ofNoise(glm::vec3(location_list[i], ofGetFrameNum() * 0.01)), 0, 1, -180, 180);

}

ofNoFill();

ofSetLineWidth(2);

ofBeginShape();

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

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

ofVertex(location_list[i]);

ofBezierVertex(

location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)),

location_list[n] + glm::vec2(handle_len * cos((deg_list[n] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[n] + 180) * DEG_TO_RAD)),

location_list[n]);

}

ofEndShape();

ofFill();

ofSetLineWidth(0.5);

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

ofDrawCircle(location_list[i], 5);

ofDrawCircle(location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)), 3);

ofDrawCircle(location_list[i] + glm::vec2(handle_len * cos((deg_list[i] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[i] + 180) * DEG_TO_RAD)), 3);

ofDrawLine(location_list[i], location_list[i] + glm::vec2(handle_len * cos(deg_list[i] * DEG_TO_RAD), handle_len * sin(deg_list[i] * DEG_TO_RAD)));

ofDrawLine(location_list[i], location_list[i] + glm::vec2(handle_len * cos((deg_list[i] + 180) * DEG_TO_RAD), handle_len * sin((deg_list[i] + 180) * DEG_TO_RAD)));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年6月27日

Studying the Bezier Curve. Draw by openFrameworks

[ Video ]

[ About ]
ベジェ曲線の勉強。

Studying the Bezier Curve.

[ 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(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetColor(39);
}

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

}

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

	int radius = 80;
	int deg_span = 30;

	for (int x = 200; x <= ofGetWidth(); x += 320) {

		for (int y = 200; y <= ofGetHeight(); y += 320) {

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

				int next_deg = deg + deg_span;
				float noise_param = ofMap(ofNoise(glm::vec3(
					x + cos(deg * DEG_TO_RAD),
					y + sin(deg * DEG_TO_RAD),
					ofGetFrameNum() * 0.02)),
					0, 1, 0, 2);
				float next_noise_param = ofMap(ofNoise(glm::vec3(
					x + cos((deg + deg_span) * DEG_TO_RAD),
					y + sin((deg + deg_span) * DEG_TO_RAD),
					ofGetFrameNum() * 0.02)),
					0, 1, 2, 0);

				vector<glm::vec2> vertices;
				vertices.push_back(glm::vec2(
					x + radius * cos(deg * DEG_TO_RAD),
					y + radius * sin(deg * DEG_TO_RAD)));
				vertices.push_back(glm::vec2(
					x + (radius * noise_param) * cos((deg + deg_span * 0.25) * DEG_TO_RAD),
					y + (radius * noise_param) * sin((deg + deg_span * 0.25) * DEG_TO_RAD)));
				vertices.push_back(glm::vec2(
					x + (radius * next_noise_param) * cos((next_deg - deg_span * 0.25) * DEG_TO_RAD),
					y + (radius * next_noise_param) * sin((next_deg - deg_span * 0.25)* DEG_TO_RAD)));
				vertices.push_back(glm::vec2(
					x + radius * cos(next_deg * DEG_TO_RAD),
					y + radius * sin(next_deg * DEG_TO_RAD)));

				ofNoFill();
				ofSetLineWidth(2);
				ofBeginShape();
				ofVertex(vertices[0]);
				ofBezierVertex(vertices[1], vertices[2], vertices[3]);
				ofEndShape();

				ofFill();
				for (auto& vertex : vertices) {

					ofDrawCircle(vertex, 1.5);
				}

				ofSetLineWidth(1);
				ofDrawLine(vertices[0], vertices[1]);
				ofDrawLine(vertices[3], vertices[2]);
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int radius = 80;

int deg_span = 30;

for (int x = 200; x <= ofGetWidth(); x += 320) {

for (int y = 200; y <= ofGetHeight(); y += 320) {

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

int next_deg = deg + deg_span;

float noise_param = ofMap(ofNoise(glm::vec3(

x + cos(deg * DEG_TO_RAD),

y + sin(deg * DEG_TO_RAD),

ofGetFrameNum() * 0.02)),

0, 1, 0, 2);

float next_noise_param = ofMap(ofNoise(glm::vec3(

x + cos((deg + deg_span) * DEG_TO_RAD),

y + sin((deg + deg_span) * DEG_TO_RAD),

ofGetFrameNum() * 0.02)),

0, 1, 2, 0);

vector<glm::vec2> vertices;

vertices.push_back(glm::vec2(

x + radius * cos(deg * DEG_TO_RAD),

y + radius * sin(deg * DEG_TO_RAD)));

vertices.push_back(glm::vec2(

x + (radius * noise_param) * cos((deg + deg_span * 0.25) * DEG_TO_RAD),

y + (radius * noise_param) * sin((deg + deg_span * 0.25) * DEG_TO_RAD)));

vertices.push_back(glm::vec2(

x + (radius * next_noise_param) * cos((next_deg - deg_span * 0.25) * DEG_TO_RAD),

y + (radius * next_noise_param) * sin((next_deg - deg_span * 0.25)* DEG_TO_RAD)));

vertices.push_back(glm::vec2(

x + radius * cos(next_deg * DEG_TO_RAD),

y + radius * sin(next_deg * DEG_TO_RAD)));

ofNoFill();

ofSetLineWidth(2);

ofBeginShape();

ofVertex(vertices[0]);

ofBezierVertex(vertices[1], vertices[2], vertices[3]);

ofEndShape();

ofFill();

for (auto& vertex : vertices) {

ofDrawCircle(vertex, 1.5);

}

ofSetLineWidth(1);

ofDrawLine(vertices[0], vertices[1]);

ofDrawLine(vertices[3], vertices[2]);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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