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

2025年1月16日

Color wheel.

[ Video ]

[ About ]
色の輪。

[ 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<ofColor> base_color_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<ofColor> base_color_list;

};

#include "ofApp.h"	

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

	ofSetFrameRate(25);
	ofSetWindowTitle("openFrameworks");

	ofBackground(39);
	ofSetLineWidth(2);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	ofColor color;
	for (int hue = 0; hue < 256; hue += 32) {

		color.setHsb(hue, 180, 255);
		this->base_color_list.push_back(color);
	}
}

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

	ofSeedRandom(39);
}

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

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

	int color_index = 0;
	for (int radius = 60; radius < 320; radius += 15) {

		ofMesh face, line;
		line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

		int start_deg = ofMap(ofNoise(radius * 0.01, ofGetFrameNum() * 0.005), 0, 1, -360, 360);
		int deg_len = ofMap(ofNoise(radius * 0.01, ofGetFrameNum() * 0.01), 0, 1, -120, 360 + 45);
	 
		for (int deg = start_deg; deg < start_deg + deg_len; deg++) {

			face.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
			face.addVertex(glm::vec3() + glm::vec3((radius - 10) * cos(deg * DEG_TO_RAD), (radius - 10) * sin(deg * DEG_TO_RAD), 0));
			face.addColor(ofColor(this->base_color_list[color_index], 128));
			face.addColor(ofColor(this->base_color_list[color_index], 128));

			line.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
			line.addVertex(glm::vec3() + glm::vec3((radius - 10) * cos(deg * DEG_TO_RAD), (radius - 10) * sin(deg * DEG_TO_RAD), 0));
			line.addColor(this->base_color_list[color_index]);
			line.addColor(this->base_color_list[color_index]);

			if (deg != start_deg) {

				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);
				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

				line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 3);
				line.addIndex(line.getNumVertices() - 2); line.addIndex(line.getNumVertices() - 4);
			}
			else {

				line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);
			}
		}

		line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);

		face.draw();
		line.draw();

		color_index = (color_index + 1) % this->base_color_list.size();
	}

	/*
	int start = 250;
	if (ofGetFrameNum() > start) {

		ostringstream os;
		os << setw(4) << setfill('0') << ofGetFrameNum() - start;
		ofImage image;
		image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
		image.saveImage("image/cap/img_" + os.str() + ".jpg");
		if (ofGetFrameNum() - start >= 25 * 20) {

			std::exit(1);
		}
	}
	*/
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofSetLineWidth(2);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofColor color;

for (int hue = 0; hue < 256; hue += 32) {

color.setHsb(hue, 180, 255);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

int color_index = 0;

for (int radius = 60; radius < 320; radius += 15) {

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

int start_deg = ofMap(ofNoise(radius * 0.01, ofGetFrameNum() * 0.005), 0, 1, -360, 360);

int deg_len = ofMap(ofNoise(radius * 0.01, ofGetFrameNum() * 0.01), 0, 1, -120, 360 + 45);

for (int deg = start_deg; deg < start_deg + deg_len; deg++) {

face.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

face.addVertex(glm::vec3() + glm::vec3((radius - 10) * cos(deg * DEG_TO_RAD), (radius - 10) * sin(deg * DEG_TO_RAD), 0));

face.addColor(ofColor(this->base_color_list[color_index], 128));

line.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

line.addVertex(glm::vec3() + glm::vec3((radius - 10) * cos(deg * DEG_TO_RAD), (radius - 10) * sin(deg * DEG_TO_RAD), 0));

line.addColor(this->base_color_list[color_index]);

if (deg != start_deg) {

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 3);

line.addIndex(line.getNumVertices() - 2); line.addIndex(line.getNumVertices() - 4);

}

else {

line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);

}

line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);

face.draw();

line.draw();

color_index = (color_index + 1) % this->base_color_list.size();

}

int start = 250;

if (ofGetFrameNum() > start) {

ostringstream os;

os << setw(4) << setfill('0') << ofGetFrameNum() - start;

ofImage image;

image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());

image.saveImage("image/cap/img_" + os.str() + ".jpg");

if (ofGetFrameNum() - start >= 25 * 20) {

std::exit(1);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2025年1月15日

Piece of circle.

[ Video ]

[ About ]
円のかけら。

[ 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<ofColor> base_color_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<ofColor> base_color_list;

};

#include "ofApp.h"	

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

	ofSetFrameRate(25);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetLineWidth(3);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_SUBTRACT);

	ofColor color;
	for (int hue = 0; hue < 256; hue += 32) {

		color.setHsb(hue, 100, 255);
		this->base_color_list.push_back(color);
	}
	/*
	vector<int> hex_list = { 0xf44336, 0x9C27B0, 0x3F51B5, 0x03A9F4, 0x009688, 0x8BC34A, 0xFFEB3B, 0xFF9800 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}
	*/
}

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

	ofSeedRandom(39);
}

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

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

	int color_index = 0;
	for (int radius = 30; radius < 320; radius += 3) {

		ofMesh face, line;
		line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

		int start_deg = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, -360, 360);
		int deg_len = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01), 0, 1, -120, 120);

		face.addVertex(glm::vec3());
		face.addColor(ofColor(this->base_color_list[color_index], 92));
		for (int deg = start_deg; deg < start_deg + deg_len; deg++) {

			face.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
			face.addColor(ofColor(this->base_color_list[color_index], 92));

			line.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
			line.addColor(this->base_color_list[color_index]);

			if (deg != start_deg) {

				face.addIndex(0);
				face.addIndex(face.getNumVertices() - 1);
				face.addIndex(face.getNumVertices() - 2);

				line.addIndex(line.getNumVertices() - 1);
				line.addIndex(line.getNumVertices() - 2);
			}
		}

		face.draw();
		line.draw();

		color_index++;
	}

	/*
	int start = 250;
	if (ofGetFrameNum() > start) {

		ostringstream os;
		os << setw(4) << setfill('0') << ofGetFrameNum() - start;
		ofImage image;
		image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
		image.saveImage("image/cap/img_" + os.str() + ".jpg");
		if (ofGetFrameNum() - start >= 25 * 20) {

			std::exit(1);
		}
	}
	*/
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(3);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_SUBTRACT);

ofColor color;

for (int hue = 0; hue < 256; hue += 32) {

color.setHsb(hue, 100, 255);

this->base_color_list.push_back(color);

}

vector<int> hex_list = { 0xf44336, 0x9C27B0, 0x3F51B5, 0x03A9F4, 0x009688, 0x8BC34A, 0xFFEB3B, 0xFF9800 };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

int color_index = 0;

for (int radius = 30; radius < 320; radius += 3) {

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

int start_deg = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, -360, 360);

int deg_len = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01), 0, 1, -120, 120);

face.addVertex(glm::vec3());

face.addColor(ofColor(this->base_color_list[color_index], 92));

for (int deg = start_deg; deg < start_deg + deg_len; deg++) {

face.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

face.addColor(ofColor(this->base_color_list[color_index], 92));

line.addVertex(glm::vec3() + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

line.addColor(this->base_color_list[color_index]);

if (deg != start_deg) {

face.addIndex(0);

face.addIndex(face.getNumVertices() - 1);

face.addIndex(face.getNumVertices() - 2);

line.addIndex(line.getNumVertices() - 1);

line.addIndex(line.getNumVertices() - 2);

}

face.draw();

line.draw();

color_index++;

}

int start = 250;

if (ofGetFrameNum() > start) {

ostringstream os;

os << setw(4) << setfill('0') << ofGetFrameNum() - start;

ofImage image;

image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());

image.saveImage("image/cap/img_" + os.str() + ".jpg");

if (ofGetFrameNum() - start >= 25 * 20) {

std::exit(1);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2025年1月14日

Overlapping condition.

[ Video ]

[ About ]
重ね合わせ状態。

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

	int font_size;
	ofTrueTypeFont font;
	vector<string> words;

	vector<glm::vec3> location_list;
	vector<int> index_list;
	vector<float> param_list;

	ofEasyCam cam;

};

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

int font_size;

ofTrueTypeFont font;

vector<string> words;

vector<glm::vec3> location_list;

vector<int> index_list;

vector<float> param_list;

ofEasyCam cam;

};

#include "ofApp.h"

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

	ofSetFrameRate(25);
	ofSetWindowTitle("openframeworks");

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

	this->font_size = 40;
	ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);
	this->font.load(font_settings);

	this->words = {

		"0", "1",
	};

	for (int x = this->font_size * -12; x <= this->font_size * 12; x += this->font_size * 0.8) {

		for (int y = this->font_size * -12; y <= this->font_size * 12; y += this->font_size * 1.2) {

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

				this->location_list.push_back(glm::vec3(x, y, i * 1000));
				this->index_list.push_back(0);
				this->param_list.push_back(0.f);
			}
		}
	}


}

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

	ofSeedRandom(39);

	for (auto& param : this->param_list) {

		param = true;
	}

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

		auto noise_value = ofMap(ofNoise(glm::vec4(this->location_list[i].x * 0.005, this->location_list[i].y * 0.005, this->location_list[i].z * 0.005, ofGetFrameNum() * 0.004)), 0, 1, 0, this->words.size());
		int index = noise_value ;
		this->index_list[i] = index;
		this->param_list[i] = noise_value - index;
	}
}

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

	this->cam.begin();
	ofTranslate(this->font_size * 0.5 - 20, this->font_size * 0.5 - 20);

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

		ofPushMatrix();
		ofTranslate(this->location_list[i].x, this->location_list[i].y);

		auto param = abs(this->param_list[i] - 0.5);

		if (param < 0.3) {
		
			ofSetColor(255);
			this->font.drawString(this->words[this->index_list[i]], this->font_size * -0.25, this->font_size * -0.5);
		}
		else if(param < 0.4) {

			ofSetColor(255, ofMap(param, 0.3, 0.4, 255, 0));
			this->font.drawString(this->words[this->index_list[i]], this->font_size * -0.25, this->font_size * -0.5);
		}

		ofPopMatrix();
	}

	this->cam.end();

	/*
	int start = 250;
	if (ofGetFrameNum() > start) {

		ostringstream os;
		os << setw(4) << setfill('0') << ofGetFrameNum() - start;
		ofImage image;
		image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
		image.saveImage("image/cap/img_" + os.str() + ".jpg");
		if (ofGetFrameNum() - start >= 25 * 20) {

			std::exit(1);
		}
	}
	*/
}

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

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

100

101

102

103

104

105

106

107

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

this->font_size = 40;

ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);

this->font.load(font_settings);

this->words = {

"0", "1",

};

for (int x = this->font_size * -12; x <= this->font_size * 12; x += this->font_size * 0.8) {

for (int y = this->font_size * -12; y <= this->font_size * 12; y += this->font_size * 1.2) {

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

this->location_list.push_back(glm::vec3(x, y, i * 1000));

this->index_list.push_back(0);

this->param_list.push_back(0.f);

}

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

void ofApp::update() {

ofSeedRandom(39);

for (auto& param : this->param_list) {

param = true;

}

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

auto noise_value = ofMap(ofNoise(glm::vec4(this->location_list[i].x * 0.005, this->location_list[i].y * 0.005, this->location_list[i].z * 0.005, ofGetFrameNum() * 0.004)), 0, 1, 0, this->words.size());

int index = noise_value ;

this->index_list[i] = index;

this->param_list[i] = noise_value - index;

}

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

void ofApp::draw() {

this->cam.begin();

ofTranslate(this->font_size * 0.5 - 20, this->font_size * 0.5 - 20);

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

ofPushMatrix();

ofTranslate(this->location_list[i].x, this->location_list[i].y);

auto param = abs(this->param_list[i] - 0.5);

if (param < 0.3) {

ofSetColor(255);

this->font.drawString(this->words[this->index_list[i]], this->font_size * -0.25, this->font_size * -0.5);

}

else if(param < 0.4) {

ofSetColor(255, ofMap(param, 0.3, 0.4, 255, 0));

this->font.drawString(this->words[this->index_list[i]], this->font_size * -0.25, this->font_size * -0.5);

}

ofPopMatrix();

}

this->cam.end();

int start = 250;

if (ofGetFrameNum() > start) {

ostringstream os;

os << setw(4) << setfill('0') << ofGetFrameNum() - start;

ofImage image;

image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());

image.saveImage("image/cap/img_" + os.str() + ".jpg");

if (ofGetFrameNum() - start >= 25 * 20) {

std::exit(1);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2025年2月
月	火	水	木	金	土	日
					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