character – ページ 3 – プログラミング de 落描き

2022年8月8日

Spring character. Draw by openFrameworks

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

	vector<glm::vec2> location_list;
	vector<float> size_list;
	vector<float> speed_list;
	vector<float> max_size_list;
	vector<float> index_list;
	vector<float> deg_list;
	vector<ofColor> color_list;
	vector<bool> flag_list;

	ofEasyCam cam;

	ofTrueTypeFont font;
	string word;
};

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

vector<glm::vec2> location_list;

vector<float> size_list;

vector<float> speed_list;

vector<float> max_size_list;

vector<float> index_list;

vector<float> deg_list;

vector<ofColor> color_list;

vector<bool> flag_list;

ofEasyCam cam;

ofTrueTypeFont font;

string word;

};

#include "ofApp.h"	

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

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

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

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 30, true, true, true);
	this->word = "01234567890123456789";
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);

	int size = 30;
	
	for(int z = -330; z <= 330; z += size) {

		for (int x = -330; x <= 330; x += size) {

			for (int y = -330; y <= 330; y += size) {

				auto radius = ofMap(ofNoise(x * 0.008, y * 0.008, z * 0.001 + ofGetFrameNum() * 0.05), 0, 1, 50, 430);
				auto param = abs(radius - glm::length(glm::vec2(x, y)));
				int word_index = ofMap(ofNoise(x * 0.008, y * 0.008, z * 0.001 + ofGetFrameNum() * 0.05), 0, 1, 0, this->word.size());

				if (param < 50) {

					ofPushMatrix();
					ofTranslate(x - size * 0.5, y + size * 0.5, z);

					auto rad = atan2(y, x);
					ofRotate(rad * RAD_TO_DEG + 90);

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

					ofFill();
					ofSetColor(0);

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

						ofNextContour(true);

						auto vertices = outline[outline_index].getVertices();
						ofVertices(vertices);
					}
					ofEndShape(true);

					ofNoFill();
					ofSetColor(255);

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

						ofNextContour(true);

						auto vertices = outline[outline_index].getVertices();
						ofVertices(vertices);
					}
					ofEndShape(true);

					ofPopMatrix();
				}
			}
		}
	}

	this->cam.end();
}

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

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

this->word = "01234567890123456789";

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

int size = 30;

for(int z = -330; z <= 330; z += size) {

for (int x = -330; x <= 330; x += size) {

for (int y = -330; y <= 330; y += size) {

auto radius = ofMap(ofNoise(x * 0.008, y * 0.008, z * 0.001 + ofGetFrameNum() * 0.05), 0, 1, 50, 430);

auto param = abs(radius - glm::length(glm::vec2(x, y)));

int word_index = ofMap(ofNoise(x * 0.008, y * 0.008, z * 0.001 + ofGetFrameNum() * 0.05), 0, 1, 0, this->word.size());

if (param < 50) {

ofPushMatrix();

ofTranslate(x - size * 0.5, y + size * 0.5, z);

auto rad = atan2(y, x);

ofRotate(rad * RAD_TO_DEG + 90);

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

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

ofFill();

ofSetColor(0);

ofBeginShape();

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

ofNextContour(true);

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

ofVertices(vertices);

}

ofEndShape(true);

ofNoFill();

ofSetColor(255);

ofBeginShape();

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

ofNextContour(true);

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

ofVertices(vertices);

}

ofEndShape(true);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年8月7日

Speckled character. Draw by openFrameworks

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

	vector<glm::vec2> location_list;
	vector<float> size_list;
	vector<float> speed_list;
	vector<float> max_size_list;
	vector<float> index_list;
	vector<float> deg_list;
	vector<ofColor> color_list;
	vector<bool> flag_list;

	ofTrueTypeFont font;
	string word;
};

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

vector<glm::vec2> location_list;

vector<float> size_list;

vector<float> speed_list;

vector<float> max_size_list;

vector<float> index_list;

vector<float> deg_list;

vector<ofColor> color_list;

vector<bool> flag_list;

ofTrueTypeFont font;

string word;

};

#include "ofApp.h"	

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

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

	ofBackground(255);
	ofSetColor(0);
	ofNoFill();

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 15, true, true, true);
	this->word = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	int size = 15;
	for (int x = -330; x <= 330; x += size) {

		for (int y = -330; y <= 330; y += size) {

			auto radius = ofMap(ofNoise(x * 0.008, y * 0.008, ofGetFrameNum() * 0.035), 0, 1, 50, 430);
			auto param = abs(radius - glm::length(glm::vec2(x, y)));
			int word_index = ofRandom(this->word.size());

			if (param < 50) {

				ofPushMatrix();
				ofTranslate(x - size * 0.5, y + size * 0.5);

				auto rad = atan2(y, x);
				ofRotate(rad * RAD_TO_DEG + 90);

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

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

					ofNextContour(true);

					auto vertices = outline[outline_index].getVertices();
					ofVertices(vertices);
				}
				ofEndShape(true);

				ofPopMatrix();
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetColor(0);

ofNoFill();

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

this->word = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

int size = 15;

for (int x = -330; x <= 330; x += size) {

for (int y = -330; y <= 330; y += size) {

auto radius = ofMap(ofNoise(x * 0.008, y * 0.008, ofGetFrameNum() * 0.035), 0, 1, 50, 430);

auto param = abs(radius - glm::length(glm::vec2(x, y)));

int word_index = ofRandom(this->word.size());

if (param < 50) {

ofPushMatrix();

ofTranslate(x - size * 0.5, y + size * 0.5);

auto rad = atan2(y, x);

ofRotate(rad * RAD_TO_DEG + 90);

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

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

ofBeginShape();

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

ofNextContour(true);

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

ofVertices(vertices);

}

ofEndShape(true);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年5月15日

Word ring. Draw by openFrameworks

[ Video ]

[ About ]
文字の輪。

Word ring.

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

	vector<glm::vec2> location_list;
	vector<float> size_list;
	vector<float> speed_list;
	vector<float> max_size_list;
	vector<float> index_list;
	vector<float> deg_list;
	vector<ofColor> color_list;
	vector<bool> flag_list;

	ofTrueTypeFont font;
	string word;
};

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

vector<glm::vec2> location_list;

vector<float> size_list;

vector<float> speed_list;

vector<float> max_size_list;

vector<float> index_list;

vector<float> deg_list;

vector<ofColor> color_list;

vector<bool> flag_list;

ofTrueTypeFont font;

string word;

};

#include "ofApp.h"	

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

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

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

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
	this->word = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
}

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

	int base_radius = ofMap(ofNoise(ofGetFrameNum() * 0.01), 0, 1, 60, 420);

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

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

		if (this->size_list[i] > this->max_size_list[i]) {

			this->location_list.erase(this->location_list.begin() + i);
			this->size_list.erase(this->size_list.begin() + i);
			this->speed_list.erase(this->speed_list.begin() + i);
			this->max_size_list.erase(this->max_size_list.begin() + i);
			this->index_list.erase(this->index_list.begin() + i);
			this->deg_list.erase(this->deg_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->flag_list.erase(this->flag_list.begin() + i);
		}
	}

	ofColor color;
	for (int i = 0; i < 12; 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->size_list.push_back(1);
		this->speed_list.push_back(ofRandom(0.4, 2));
		this->max_size_list.push_back(ofRandom(5, 45));
		this->index_list.push_back(ofRandom(this->word.size()));
		this->deg_list.push_back(ofRandom(360));
		color.setHsb(ofRandom(255), 255, 255);
		this->color_list.push_back(color);
		this->flag_list.push_back(ofRandom(1) < 0.5);
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);
	ofNoFill();

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

		this->flag_list[i] ? ofFill() : ofNoFill();

		ofPath chara_path = this->font.getCharacterAsPoints(this->word[this->index_list[i]], true, false);
		vector<ofPolyline> outline = chara_path.getOutline();
		auto rotation = glm::rotate(glm::mat4(), this->deg_list[i] * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

		ofSetColor(this->color_list[i], ofMap(this->size_list[i], 1, this->max_size_list[i], 255, 30));
		ofBeginShape();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			ofNextContour(true);

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

				glm::vec2 location = vertex / 100 * size_list[i] * 1.5;
				location -= glm::vec2(size_list[i] * 0.5, -size_list[i] * 0.5);
				location = glm::vec4(location, 0, 0) * rotation;
				ofVertex(location + location_list[i]);
			}
		}
		ofEndShape(true);
	}
}

//--------------------------------------------------------------
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->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);

this->word = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

}

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

void ofApp::update() {

int base_radius = ofMap(ofNoise(ofGetFrameNum() * 0.01), 0, 1, 60, 420);

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

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

if (this->size_list[i] > this->max_size_list[i]) {

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

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

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

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

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

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

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

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

}

ofColor color;

for (int i = 0; i < 12; 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->size_list.push_back(1);

this->speed_list.push_back(ofRandom(0.4, 2));

this->max_size_list.push_back(ofRandom(5, 45));

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

this->deg_list.push_back(ofRandom(360));

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

this->color_list.push_back(color);

this->flag_list.push_back(ofRandom(1) < 0.5);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofNoFill();

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

this->flag_list[i] ? ofFill() : ofNoFill();

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

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

auto rotation = glm::rotate(glm::mat4(), this->deg_list[i] * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

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

ofBeginShape();

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

ofNextContour(true);

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

for (auto& vertex : vertices) {

glm::vec2 location = vertex / 100 * size_list[i] * 1.5;

location -= glm::vec2(size_list[i] * 0.5, -size_list[i] * 0.5);

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

ofVertex(location + location_list[i]);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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