openFrameworks – ページ 378 – プログラミング de 落描き

2022年6月8日

Division circle. Draw by openFrameworks

[ Video ]

[ About ]
分割された円形。

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

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

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(0);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

}

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

	for (int x = 160; x < 620; x += 100) {

		for (int y = 160; y < 620; y += 100) {

			ofPushMatrix();
			ofTranslate(x, y);

			ofRotateZ(ofMap(ofNoise(x, y, ofGetFrameNum() * 0.0035), 0, 1, -360, 360));

			auto radius = 40;
			auto deg_start = 0;
			auto deg_end = deg_start + 180;
			auto deg_span = 10;
			for (int deg = deg_start; deg < deg_end; deg += deg_span) {

				auto center = glm::vec2(radius * cos((deg + deg_span / 2) * DEG_TO_RAD), 0);
				auto noise_value = ofNoise((x + center.x) * 0.0075, y * 0.0075, ofGetFrameNum() * 0.01);
				auto rotate = noise_value < 0.5 ? 0.f : ofMap(noise_value, 0.5, 1, 0, 360);

				ofPushMatrix();
				ofTranslate(center);
				ofRotateX(rotate);

				vector<glm::vec2> vertices_1, vertices_2;
				for (int tmp_deg = deg + 1; tmp_deg < deg + deg_span; tmp_deg++) {

					auto point = glm::vec2(radius * cos(tmp_deg * DEG_TO_RAD), radius * sin(tmp_deg * DEG_TO_RAD));
					vertices_1.push_back(point - center);
					vertices_2.push_back(glm::vec2(point.x, -point.y) - center);
				}

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

				ofFill();
				ofSetColor(0);
				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				ofNoFill();
				ofSetColor(255, 0, 0);
				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				ofPopMatrix();
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

for (int x = 160; x < 620; x += 100) {

for (int y = 160; y < 620; y += 100) {

ofPushMatrix();

ofTranslate(x, y);

ofRotateZ(ofMap(ofNoise(x, y, ofGetFrameNum() * 0.0035), 0, 1, -360, 360));

auto radius = 40;

auto deg_start = 0;

auto deg_end = deg_start + 180;

auto deg_span = 10;

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

auto center = glm::vec2(radius * cos((deg + deg_span / 2) * DEG_TO_RAD), 0);

auto noise_value = ofNoise((x + center.x) * 0.0075, y * 0.0075, ofGetFrameNum() * 0.01);

auto rotate = noise_value < 0.5 ? 0.f : ofMap(noise_value, 0.5, 1, 0, 360);

ofPushMatrix();

ofTranslate(center);

ofRotateX(rotate);

vector<glm::vec2> vertices_1, vertices_2;

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

auto point = glm::vec2(radius * cos(tmp_deg * DEG_TO_RAD), radius * sin(tmp_deg * DEG_TO_RAD));

vertices_1.push_back(point - center);

vertices_2.push_back(glm::vec2(point.x, -point.y) - center);

}

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

ofFill();

ofSetColor(0);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

ofNoFill();

ofSetColor(255, 0, 0);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

ofPopMatrix();

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年6月7日

2000 Days. Draw by openFrameworks

[ Video ]

[ About ]
2000日達成！

2000 Days.

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

	ofTrueTypeFont font;
	int font_size;
	string word;

	vector<glm::vec2> noise_seed_list;
	vector<glm::vec2> location_list;
	vector<ofColor> color_list;
	vector<glm::vec2> velocity_list;
	vector<int> word_index_list;

	vector<ofColor> color_palette;
};

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

ofTrueTypeFont font;

int font_size;

string word;

vector<glm::vec2> noise_seed_list;

vector<glm::vec2> location_list;

vector<ofColor> color_list;

vector<glm::vec2> velocity_list;

vector<int> word_index_list;

vector<ofColor> color_palette;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetLineWidth(2);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

		this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));
	}

	this->font_size = 35;
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);
	this->word = "2000Days";
}

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

	int index = 0;
	auto radius = 200;
	ofColor color;
	for (auto& noise_seed : this->noise_seed_list) {

		auto deg = ofGetFrameNum() * 3 + index * 90;
		auto next_deg = deg + 3;

		auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		auto next = glm::vec2(radius * cos(next_deg * DEG_TO_RAD), radius * sin(next_deg * DEG_TO_RAD));
	
		auto distance = location - next;
		distance *= 1;

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

			auto future = location + distance * 8;
			auto random_deg = ofRandom(360);
			future += glm::vec2(15 * cos(random_deg * DEG_TO_RAD), 15 * sin(random_deg * DEG_TO_RAD));
			auto future_distance = future - location;

			this->location_list.push_back(location);
			this->velocity_list.push_back(glm::normalize(future_distance) * glm::length(distance));
			color.setHsb(ofRandom(255), 255, 200);
			this->color_list.push_back(color);
			this->word_index_list.push_back(ofRandom(this->word.size()));
		}

		index++;
	}

	for (int i = this->location_list.size() - 1; i > -1; i--) {

		this->location_list[i] += this->velocity_list[i];
		this->velocity_list[i] *= 1.01;

		if (glm::distance(glm::vec2(), this->location_list[i]) > 1000) {

			this->location_list.erase(this->location_list.begin() + i);
			this->velocity_list.erase(this->velocity_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->word_index_list.erase(this->word_index_list.begin() + i);
		}
	}

}

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

	ofTranslate(ofGetWindowSize() * 0.5);

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

		ofPushMatrix();
		ofTranslate(this->location_list[i]);

		auto angle = std::atan2(this->location_list[i].y, this->location_list[i].x);
		ofRotate(angle * RAD_TO_DEG);

		ofPath chara_path = this->font.getCharacterAsPoints(this->word[this->word_index_list[i]], true, false);
		vector<ofPolyline> outline = chara_path.getOutline();

		ofFill();
		ofSetColor(this->color_list[i], 128);
		ofBeginShape();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			if (outline_index != 0) { ofNextContour(true); }

			auto vertices = outline[outline_index].getResampledByCount(100).getVertices();
			for (auto& vertex : vertices) {

				auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);
				ofVertex(location);
			}
		}
		ofEndShape(true);

		ofNoFill();
		ofSetColor(this->color_list[i]);
		ofBeginShape();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			if (outline_index != 0) { ofNextContour(true); }

			auto vertices = outline[outline_index].getResampledByCount(100).getVertices();
			for (auto& vertex : vertices) {

				auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);
				ofVertex(location);
			}
		}
		ofEndShape(true);

		ofPopMatrix();
	}

	ofSetColor(0);
	this->font.drawString(this->word, this->font.stringWidth(this->word) * -0.5, this->font.stringHeight(this->word) * 0.25);
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));

}

this->font_size = 35;

this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);

this->word = "2000Days";

}

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

void ofApp::update() {

int index = 0;

auto radius = 200;

ofColor color;

for (auto& noise_seed : this->noise_seed_list) {

auto deg = ofGetFrameNum() * 3 + index * 90;

auto next_deg = deg + 3;

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

auto next = glm::vec2(radius * cos(next_deg * DEG_TO_RAD), radius * sin(next_deg * DEG_TO_RAD));

auto distance = location - next;

distance *= 1;

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

auto future = location + distance * 8;

auto random_deg = ofRandom(360);

future += glm::vec2(15 * cos(random_deg * DEG_TO_RAD), 15 * sin(random_deg * DEG_TO_RAD));

auto future_distance = future - location;

this->location_list.push_back(location);

this->velocity_list.push_back(glm::normalize(future_distance) * glm::length(distance));

color.setHsb(ofRandom(255), 255, 200);

this->color_list.push_back(color);

this->word_index_list.push_back(ofRandom(this->word.size()));

}

index++;

}

for (int i = this->location_list.size() - 1; i > -1; i--) {

this->location_list[i] += this->velocity_list[i];

this->velocity_list[i] *= 1.01;

if (glm::distance(glm::vec2(), this->location_list[i]) > 1000) {

this->location_list.erase(this->location_list.begin() + i);

this->velocity_list.erase(this->velocity_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

this->word_index_list.erase(this->word_index_list.begin() + i);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

int index = 0;

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

ofPushMatrix();

ofTranslate(this->location_list[i]);

auto angle = std::atan2(this->location_list[i].y, this->location_list[i].x);

ofRotate(angle * RAD_TO_DEG);

ofPath chara_path = this->font.getCharacterAsPoints(this->word[this->word_index_list[i]], true, false);

vector<ofPolyline> outline = chara_path.getOutline();

ofFill();

ofSetColor(this->color_list[i], 128);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(100).getVertices();

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(this->color_list[i]);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(100).getVertices();

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);

ofVertex(location);

}

ofEndShape(true);

ofPopMatrix();

}

ofSetColor(0);

this->font.drawString(this->word, this->font.stringWidth(this->word) * -0.5, this->font.stringHeight(this->word) * 0.25);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年6月6日2022年6月6日

Radial line. Draw by openFrameworks

[ Video ]

[ About ]
放射状の線。

Radial line.

[ 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(255);
	ofSetColor(0);
	ofFill();
}

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

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

	ofTranslate(ofGetWindowSize() * 0.5);

	int radius = 720;
	for (int deg = 0; deg < 360; deg += 2) {

		auto start = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		auto noise_value = ofNoise(glm::vec3(start * 0.02, ofGetFrameNum() * 0.005));
		auto end_radius = ofMap(noise_value, 0, 1, 0, radius);
		auto end = glm::vec2(end_radius * cos(deg * DEG_TO_RAD), end_radius * sin(deg * DEG_TO_RAD));

		ofDrawLine(start, end);
		ofDrawCircle(end, 3);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetColor(0);

ofFill();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

int radius = 720;

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

auto start = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

auto noise_value = ofNoise(glm::vec3(start * 0.02, ofGetFrameNum() * 0.005));

auto end_radius = ofMap(noise_value, 0, 1, 0, radius);

auto end = glm::vec2(end_radius * cos(deg * DEG_TO_RAD), end_radius * sin(deg * DEG_TO_RAD));

ofDrawLine(start, end);

ofDrawCircle(end, 3);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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