Bezier – ページ 2 – プログラミング de 落描き

2020年7月1日2020年7月1日

Line overlap. Draw by openFrameworks

[ Video ]

[ About ]
線の重なり。

Line overlap.

[ 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);
	ofSetColor(30, 10, 10);
	ofSetLineWidth(0.5);
	ofNoFill();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	int radius = 100;
	float handle_len = radius;
	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) {

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

				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 k = 0; k < location_list.size(); k++) {

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

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


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetColor(30, 10, 10);

ofSetLineWidth(0.5);

ofNoFill();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int radius = 100;

float handle_len = radius;

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

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

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 k = 0; k < location_list.size(); k++) {

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

}

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年6月30日2020年6月30日

Drawing shapes with Bezier curves. Draw by openFrameworks

[ Video ]

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

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

	void draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, bool draw_handle, bool noise_deg, bool fill);
};

#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, bool draw_handle, bool noise_deg, bool fill);

};

#include "ofApp.h"

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

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

	ofBackground(239);
}

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

}

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

	this->draw_MAGATAMA(glm::vec2(185, 200), 125, 0, false, false, false);
	this->draw_MAGATAMA(glm::vec2(495, 200), 125, 0, true, false, false);
	this->draw_MAGATAMA(glm::vec2(185, 520), 125, 0, true, true, false);
	this->draw_MAGATAMA(glm::vec2(495, 520), 125, 0, false, true, true);
}

//--------------------------------------------------------------
void ofApp::draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, bool draw_handle, bool noise_deg, bool fill) {

	fill ? ofFill() : ofNoFill();

	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;
	if (noise_deg) { deg += ofMap(ofNoise(glm::vec3(vertices.back(), ofGetFrameNum() * 0.008)), 0, 1, -90, 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(radius * 0.5, radius * -0.5));
	deg = 90;
	if (noise_deg) { deg += ofMap(ofNoise(glm::vec3(vertices.back(), ofGetFrameNum() * 0.008)), 0, 1, -90, 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;
	if (noise_deg) { deg += ofMap(ofNoise(glm::vec3(vertices.back(), ofGetFrameNum() * 0.008)), 0, 1, -90, 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 * cos(deg * DEG_TO_RAD), len  * sin(deg * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius, 0));
	deg = 270;
	if (noise_deg) { deg += ofMap(ofNoise(glm::vec3(vertices.back(), ofGetFrameNum() * 0.008)), 0, 1, -90, 90); }
	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;
	if (noise_deg) { deg += ofMap(ofNoise(glm::vec3(vertices.back(), ofGetFrameNum() * 0.008)), 0, 1, -90, 90); }
	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;
	if (noise_deg) { deg += ofMap(ofNoise(glm::vec3(vertices.back(), ofGetFrameNum() * 0.008)), 0, 1, -90, 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(39);
	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.1 * cos(deg * DEG_TO_RAD), radius * 0.1 * sin(deg * DEG_TO_RAD)));
	}
	ofEndShape(true);


	if (draw_handle) {

		ofSetColor(139);
		ofSetLineWidth(1);
		for (int i = 0; i < vertices.size(); i++) {

			ofDrawCircle(vertices[i], 4);

			ofDrawCircle(handle_list[i].first, 2);
			ofDrawCircle(handle_list[i].second, 2);

			ofDrawLine(vertices[i], handle_list[i].first);
			ofDrawLine(vertices[i], handle_list[i].second);
		}
	}

	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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->draw_MAGATAMA(glm::vec2(185, 200), 125, 0, false, false, false);

this->draw_MAGATAMA(glm::vec2(495, 200), 125, 0, true, false, false);

this->draw_MAGATAMA(glm::vec2(185, 520), 125, 0, true, true, false);

this->draw_MAGATAMA(glm::vec2(495, 520), 125, 0, false, true, true);

}

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

void ofApp::draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, bool draw_handle, bool noise_deg, bool fill) {

fill ? ofFill() : ofNoFill();

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;