font – ページ 41 – プログラミング de 落描き

2020年2月25日

Hidden of Hidden. openFrameworks

[ Video ]

[ About ]
Hidden of Hidden.

[ 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;
	ofMesh face, frame;
};

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

ofMesh face, frame;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);

	this->face.clear();
	this->frame.clear();

	auto radius = 150;
	for (int x = -250; x <= 250; x += 20) {

		int deg_start = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, 0, 360);
		int start_index = this->face.getNumVertices();
		for (int deg = deg_start; deg < deg_start + 120; deg += 3) {

			auto index = this->face.getNumVertices();
			vector<glm::vec3> vertices;
			vertices.push_back(glm::vec3(x + 9.9, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(x + 9.9, radius * cos((deg + 3) * DEG_TO_RAD), radius * sin((deg + 3) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(x - 9.9, radius * cos((deg + 3) * DEG_TO_RAD), radius * sin((deg + 3) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(x - 9.9, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

			this->face.addVertices(vertices);
			this->frame.addVertices(vertices);

			this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index + 2);
			this->face.addIndex(index + 0); this->face.addIndex(index + 2); this->face.addIndex(index + 3);

			this->frame.addIndex(index + 0); this->frame.addIndex(index + 1);
			this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);
		}

		this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 3);
		this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 3);
	}
}

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

	this->cam.begin();

	ofRotateX(180);

	auto word = "Hidden";
	auto base_location = glm::vec2(this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);
	auto param = ofGetFrameNum();

	vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
	for (int word_index = 0; word_index < word_path.size(); word_index++) {

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

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

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

			vector<glm::vec3> vertices = outline[outline_index].getVertices();
			for (auto& vertex : vertices) { vertex += glm::vec3(base_location, 0); }

			ofVertices(vertices);
		}
		ofEndShape();
	}

	ofSetColor(239);
	this->face.drawFaces();

	ofSetColor(39);
	this->frame.drawWireframe();

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

auto radius = 150;

for (int x = -250; x <= 250; x += 20) {

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

int start_index = this->face.getNumVertices();

for (int deg = deg_start; deg < deg_start + 120; deg += 3) {

auto index = this->face.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(x + 9.9, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

vertices.push_back(glm::vec3(x + 9.9, radius * cos((deg + 3) * DEG_TO_RAD), radius * sin((deg + 3) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(x - 9.9, radius * cos((deg + 3) * DEG_TO_RAD), radius * sin((deg + 3) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(x - 9.9, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index + 2);

this->face.addIndex(index + 0); this->face.addIndex(index + 2); this->face.addIndex(index + 3);

this->frame.addIndex(index + 0); this->frame.addIndex(index + 1);

this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);

}

this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 3);

this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 3);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

auto word = "Hidden";

auto base_location = glm::vec2(this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);

auto param = ofGetFrameNum();

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

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

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

ofFill();

ofSetColor(39);

ofBeginShape();

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

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

vector<glm::vec3> vertices = outline[outline_index].getVertices();

for (auto& vertex : vertices) { vertex += glm::vec3(base_location, 0); }

ofVertices(vertices);

}

ofEndShape();

}

ofSetColor(239);

this->face.drawFaces();

ofSetColor(39);

this->frame.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月31日2020年1月31日

Lines on word. openFrameworks

[ Video ]

[ About ]
文字の上を直進する線。

Lines on word.

[ 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 number_of_agent;
	int len_of_tail;
	vector<deque<glm::vec2>> log_list;
	vector<glm::vec2> direction_list;

	ofFbo fbo;
	ofPixels pixels;
};

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

int len_of_tail;

vector<deque<glm::vec2>> log_list;

vector<glm::vec2> direction_list;

ofFbo fbo;

ofPixels pixels;

};

#include "ofApp.h"

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

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

	ofBackground(239);

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-bold.ttf", 250, true, true, true);

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	this->fbo.begin();
	ofClear(0);

	string word = "PCD";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font.stringHeight(word) * 0.1);
	word = "TOKYO";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font.stringHeight(word) * 1.1);

	this->fbo.end();
	this->fbo.readToPixels(this->pixels);

	this->number_of_agent = 120;
	this->len_of_tail = 100;
	while (this->log_list.size() < this->number_of_agent) {

		int x = ofRandom(ofGetWidth());
		int y = ofRandom(ofGetHeight());
		if (this->pixels.getColor(x, y) != ofColor(0, 0)) {

			deque<glm::vec2> log;
			log.push_front(glm::vec2(x, y));
			this->log_list.push_back(log);
			this->direction_list.push_back(glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))));
		}
	}

	ofSetLineWidth(1.5);
}

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

	for (int i = 0; i < this->number_of_agent; i++) {

		glm::vec2 future = this->log_list[i].front() + this->direction_list[i] * 5;
		int x = future.x;
		int y = future.y;

		while (this->pixels.getColor(x, y) == ofColor(0, 0)) {

			this->direction_list[i] = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1)));

			future = this->log_list[i].front() + this->direction_list[i] * 10;
			x = future.x;
			y = future.y;
		}

		this->log_list[i].push_front(future);
		while (this->log_list[i].size() > this->len_of_tail) {

			this->log_list[i].pop_back();
		}
	}
}

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

	for (int i = 0; i < this->number_of_agent; i++) {

		ofSetColor(39);
		for (int l = 0; l < this->log_list[i].size() - 1; l++) {

			ofDrawLine(this->log_list[i][l], this->log_list[i][l + 1]);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-bold.ttf", 250, true, true, true);

this->fbo.allocate(ofGetWidth(), ofGetHeight());

this->fbo.begin();

ofClear(0);

string word = "PCD";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font.stringHeight(word) * 0.1);

word = "TOKYO";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font.stringHeight(word) * 1.1);

this->fbo.end();

this->fbo.readToPixels(this->pixels);

this->number_of_agent = 120;

this->len_of_tail = 100;

while (this->log_list.size() < this->number_of_agent) {

int x = ofRandom(ofGetWidth());

int y = ofRandom(ofGetHeight());

if (this->pixels.getColor(x, y) != ofColor(0, 0)) {

deque<glm::vec2> log;

log.push_front(glm::vec2(x, y));

this->log_list.push_back(log);

this->direction_list.push_back(glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))));

}

ofSetLineWidth(1.5);

}

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

void ofApp::update() {

for (int i = 0; i < this->number_of_agent; i++) {

glm::vec2 future = this->log_list[i].front() + this->direction_list[i] * 5;

int x = future.x;

int y = future.y;

while (this->pixels.getColor(x, y) == ofColor(0, 0)) {

this->direction_list[i] = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1)));

future = this->log_list[i].front() + this->direction_list[i] * 10;

x = future.x;

y = future.y;

}

this->log_list[i].push_front(future);

while (this->log_list[i].size() > this->len_of_tail) {

this->log_list[i].pop_back();

}

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

void ofApp::draw() {

for (int i = 0; i < this->number_of_agent; i++) {

ofSetColor(39);

for (int l = 0; l < this->log_list[i].size() - 1; l++) {

ofDrawLine(this->log_list[i][l], this->log_list[i][l + 1]);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月29日2020年1月29日

Character on the sphere. openFrameworks

[ Video ]

[ About ]
球体上の座標で浮遊する文字。

Character on the sphere.

[ 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(239);
	ofSetColor(39);
	ofSetLineWidth(1.5);
	ofNoFill();
	ofEnableDepthTest();

	this->font_size = 30;
	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);

	vector<string> word_list = {
		"A", "B", "C", "D", "E", "F",
		"G", "H", "I", "J", "K", "L",
		"M", "N", "O", "P", "Q", "R",
		"S", "T", "U", "V", "V", "X",
		"Y", "Z" };

	int sample_count = 180;
	for (auto& word : word_list) {

		auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

		auto word_size = this->font.getStringBoundingBox(word, 0, 0);
		vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

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

			ofFill();
			ofSetColor(239);
			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 noise_location = glm::vec3(
						ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

					auto location = noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0);
					location = glm::normalize(location) * 200;
					ofVertex(location);
				}
			}
			ofEndShape(true);

			ofNoFill();
			ofSetColor(39);
			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 noise_location = glm::vec3(
						ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

					auto location = noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0);
					location = glm::normalize(location) * 200;
					ofVertex(location);
				}
			}
			ofEndShape(true);
		}
	}

	this->cam.end();
}

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

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

100

101

102

103

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(1.5);

ofNoFill();

ofEnableDepthTest();

this->font_size = 30;

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

vector<string> word_list = {

"A", "B", "C", "D", "E", "F",

"G", "H", "I", "J", "K", "L",

"M", "N", "O", "P", "Q", "R",

"S", "T", "U", "V", "V", "X",

"Y", "Z" };

int sample_count = 180;

for (auto& word : word_list) {

auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

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

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

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

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

ofFill();

ofSetColor(239);

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 noise_location = glm::vec3(

ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

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

location = glm::normalize(location) * 200;

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(39);

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 noise_location = glm::vec3(

ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

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

location = glm::normalize(location) * 200;

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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