openframeworks – ページ 163 – プログラミング de 落描き

2022年5月2日

Add line and color. Draw by openFrameworks

[ Video ]

[ About ]
線と色を追加する。

Add line and color.

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

	vector<glm::vec2> location_list;
	vector<float> radius_list;
	vector<float> speed_list;
	vector<float> max_radius_list;
	vector<ofColor> color_list;

	ofMesh line;
};

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

vector<glm::vec2> location_list;

vector<float> radius_list;

vector<float> speed_list;

vector<float> max_radius_list;

vector<ofColor> color_list;

ofMesh line;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

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

		this->radius_list[i] += this->speed_list[i];

		if (this->radius_list[i] > this->max_radius_list[i]) {

			this->location_list.erase(this->location_list.begin() + i);
			this->radius_list.erase(this->radius_list.begin() + i);
			this->speed_list.erase(this->speed_list.begin() + i);
			this->max_radius_list.erase(this->max_radius_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
		}
	}

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

		ofColor color;
		for (int k = 0; k < 12; k++) {

			int random_deg = ofRandom(360);
			int random_radius = ((ofGetFrameNum() * 2 + i * 210) % 420 + 60) + ofRandom(-10, 10);

			auto location = glm::vec2(random_radius * cos(random_deg * DEG_TO_RAD), random_radius * sin(random_deg * DEG_TO_RAD));
			this->location_list.push_back(location);
			this->radius_list.push_back(1);
			this->speed_list.push_back(ofRandom(0.2, 1.5));
			this->max_radius_list.push_back(ofRandom(5, 30));

			color.setHsb(ofRandom(255), 255, 255);
			this->color_list.push_back(color);
		}
	}

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

		this->line.addVertex(glm::vec3(this->location_list[i], 0));
		this->line.addColor(ofColor(this->color_list[i], ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30)));
	}

	for (int i = 0; i < this->line.getNumVertices(); i++) {
		
		for (int k = i + 1; k < this->line.getNumVertices(); k++) {

			auto distance = glm::distance(this->line.getVertex(i), this->line.getVertex(k));

			if (distance < 30) {

				this->line.addIndex(i);
				this->line.addIndex(k);
			}
		}
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

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

		ofNoFill();
		ofSetColor(this->color_list[i], ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30));
		ofDrawCircle(this->location_list[i], this->radius_list[i]);

		ofFill();
		ofDrawCircle(this->location_list[i], 3);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

}

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

void ofApp::update() {

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

this->radius_list[i] += this->speed_list[i];

if (this->radius_list[i] > this->max_radius_list[i]) {

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

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

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

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

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

}

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

ofColor color;

for (int k = 0; k < 12; k++) {

int random_deg = ofRandom(360);

int random_radius = ((ofGetFrameNum() * 2 + i * 210) % 420 + 60) + ofRandom(-10, 10);

auto location = glm::vec2(random_radius * cos(random_deg * DEG_TO_RAD), random_radius * sin(random_deg * DEG_TO_RAD));

this->location_list.push_back(location);

this->radius_list.push_back(1);

this->speed_list.push_back(ofRandom(0.2, 1.5));

this->max_radius_list.push_back(ofRandom(5, 30));

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

this->color_list.push_back(color);

}

this->line.clear();

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

this->line.addVertex(glm::vec3(this->location_list[i], 0));

this->line.addColor(ofColor(this->color_list[i], ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30)));

}

for (int i = 0; i < this->line.getNumVertices(); i++) {

for (int k = i + 1; k < this->line.getNumVertices(); k++) {

auto distance = glm::distance(this->line.getVertex(i), this->line.getVertex(k));

if (distance < 30) {

this->line.addIndex(i);

this->line.addIndex(k);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

this->line.drawWireframe();

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

ofNoFill();

ofSetColor(this->color_list[i], ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30));

ofDrawCircle(this->location_list[i], this->radius_list[i]);

ofFill();

ofDrawCircle(this->location_list[i], 3);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年5月1日

Circles on the circle. Draw by openFrameworks

[ Video ]

[ About ]
サークルから生成されるサークル。

Circles generated from circles.

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

	vector<glm::vec2> location_list;
	vector<float> radius_list;
	vector<float> speed_list;
	vector<float> max_radius_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) {};

vector<glm::vec2> location_list;

vector<float> radius_list;

vector<float> speed_list;

vector<float> max_radius_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetColor(255);
	ofNoFill();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	int base_radius = (ofGetFrameNum() * 2) % 420 + 60;

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

		this->radius_list[i] += this->speed_list[i];

		if (this->radius_list[i] > this->max_radius_list[i]) {

			this->location_list.erase(this->location_list.begin() + i);
			this->radius_list.erase(this->radius_list.begin() + i);
			this->speed_list.erase(this->speed_list.begin() + i);
			this->max_radius_list.erase(this->max_radius_list.begin() + i);
		}
	}

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

		int random_deg = ofRandom(360);
		int random_radius = base_radius + ofRandom(-10, 10);

		auto location = glm::vec2(random_radius * cos(random_deg * DEG_TO_RAD), random_radius * sin(random_deg * DEG_TO_RAD));
		this->location_list.push_back(location);
		this->radius_list.push_back(1);
		this->speed_list.push_back(ofRandom(0.2, 1.5));
		this->max_radius_list.push_back(ofRandom(5, 30));
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

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

		ofSetColor(255, ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30));
		ofDrawCircle(this->location_list[i], this->radius_list[i]);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetColor(255);

ofNoFill();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

int base_radius = (ofGetFrameNum() * 2) % 420 + 60;

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

this->radius_list[i] += this->speed_list[i];

if (this->radius_list[i] > this->max_radius_list[i]) {

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

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

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

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

}

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

int random_deg = ofRandom(360);

int random_radius = base_radius + ofRandom(-10, 10);

auto location = glm::vec2(random_radius * cos(random_deg * DEG_TO_RAD), random_radius * sin(random_deg * DEG_TO_RAD));

this->location_list.push_back(location);

this->radius_list.push_back(1);

this->speed_list.push_back(ofRandom(0.2, 1.5));

this->max_radius_list.push_back(ofRandom(5, 30));

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

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

ofSetColor(255, ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30));

ofDrawCircle(this->location_list[i], this->radius_list[i]);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年4月30日

1952 Days. Draw by openFrameworks

[ Video ]

[ About ]
2000日まであと50日ぐらい。

50 days to go to 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;

	float font_size;
	ofTrueTypeFont font;
};

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

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(1.5);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);
	
	string word = "Today 1952th Days";
	int sample_count = 180;
	auto noise_param = ofRandom(1000);
	auto word_size = this->font.getStringBoundingBox(word, 0, 0);
	vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

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

		ofRotateX(90);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].getOutline();

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

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

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

					auto location = vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 80);
					auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_param, location.x * 0.00085 + ofGetFrameNum() * 0.0035), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));
					location = glm::vec4(location, 0) * rotation;

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

			ofNoFill();
			ofSetColor(255);
			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

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

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

					auto location = vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 80);
					auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_param, location.x * 0.00085 + ofGetFrameNum() * 0.0035), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));
					location = glm::vec4(location, 0) * rotation;

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

	this->cam.end();
}

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

ofEnableDepthTest();

this->font_size = 80;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

string word = "Today 1952th Days";

int sample_count = 180;

auto noise_param = ofRandom(1000);

auto word_size = this->font.getStringBoundingBox(word, 0, 0);

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

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

ofRotateX(90);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

ofFill();

ofSetColor(0);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 80);

auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_param, location.x * 0.00085 + ofGetFrameNum() * 0.0035), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));

location = glm::vec4(location, 0) * rotation;

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(255);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 80);

auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_param, location.x * 0.00085 + ofGetFrameNum() * 0.0035), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));

location = glm::vec4(location, 0) * rotation;

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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