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

2019年10月9日2019年10月9日

Center of center. openFrameworks

[ Video ]

[ About ]
センターのセンター。

Center of center.

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

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

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofNoFill();
	ofSetLineWidth(2);

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

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

}

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

	auto x = ofGetWidth() * 0.5;

	for (int y = 60; y < ofGetHeight(); y += 120) {

		string word = "CENTER";
		auto path_list = font.getStringAsPoints(word, true, false);
		for (auto path : path_list) {

			auto outline = path.getOutline();

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

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

				outline[outline_index] = outline[outline_index].getResampledByCount(300);
				auto vertices = outline[outline_index].getVertices();
				for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

					auto location = glm::vec2(x + vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);
					auto noise_value_1 = ofMap(ofNoise(y, location.x * 0.005 + ofGetFrameNum() * 0.01), 0, 1, y, y + 70);
					auto noise_value_2 = ofMap(ofNoise(y, location.x * 0.005 + ofGetFrameNum() * 0.01), 0, 1, y - 70, y);

					if (location.y > noise_value_1) { location.y = noise_value_1; }
					if (location.y < noise_value_2) { location.y = noise_value_2; }

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofNoFill();

ofSetLineWidth(2);

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

auto x = ofGetWidth() * 0.5;

for (int y = 60; y < ofGetHeight(); y += 120) {

string word = "CENTER";

auto path_list = font.getStringAsPoints(word, true, false);

for (auto path : path_list) {

auto outline = path.getOutline();

ofBeginShape();

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

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

outline[outline_index] = outline[outline_index].getResampledByCount(300);

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

for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

auto location = glm::vec2(x + vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);

auto noise_value_1 = ofMap(ofNoise(y, location.x * 0.005 + ofGetFrameNum() * 0.01), 0, 1, y, y + 70);

auto noise_value_2 = ofMap(ofNoise(y, location.x * 0.005 + ofGetFrameNum() * 0.01), 0, 1, y - 70, y);

if (location.y > noise_value_1) { location.y = noise_value_1; }

if (location.y < noise_value_2) { location.y = noise_value_2; }

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年9月26日2019年9月26日

Bind characters with a sphere. openFrameworks

[ Video ]

[ About ]
文字を球体上で縛りつける。

Bind characters with a 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) {};

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

ofTrueTypeFont font;

ofEasyCam cam;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(3);
	ofEnableDepthTest();

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

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

}

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

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

	string word = "KIYOSHI";
	auto path_list = font.getStringAsPoints(word, true, false);
	for (auto path : path_list) {

		auto outline = path.getOutline();

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

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

			outline[outline_index] = outline[outline_index].getResampledByCount(300);
			auto vertices = outline[outline_index].getVertices();
			for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

				auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 350);
				location = glm::normalize(location) * -350;

				auto angle_x = ofMap(ofNoise(location.x * 0.001, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25);
				auto angle_y = ofMap(ofNoise(location.y * 0.001, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25);
				auto angle_z = ofMap(ofNoise(location.z * 0.001, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25);

				auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));
				auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
				auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));
				location = glm::vec4(location, 0) * rotation_z * rotation_y * rotation_x;

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

ofSetColor(39);

ofSetLineWidth(3);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotate(180);

ofRotateX(180);

string word = "KIYOSHI";

auto path_list = font.getStringAsPoints(word, true, false);

for (auto path : path_list) {

auto outline = path.getOutline();

ofBeginShape();

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

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

outline[outline_index] = outline[outline_index].getResampledByCount(300);

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

for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 350);

location = glm::normalize(location) * -350;

auto angle_x = ofMap(ofNoise(location.x * 0.001, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25);

auto angle_y = ofMap(ofNoise(location.y * 0.001, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25);

auto angle_z = ofMap(ofNoise(location.z * 0.001, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25);

auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

location = glm::vec4(location, 0) * rotation_z * rotation_y * rotation_x;

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年8月23日2019年8月23日

Rotating alphabet. openFrameworks

[ Video ]

[ About ]
回転アルファベット。

Rotating alphabet.

[ 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<ofPath> chara_path;
};

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	
	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);

	for (char c = 'A'; c <= 'Z'; c++) {

		this->chara_path.push_back(font.getCharacterAsPoints(c, true, false));
	}
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);
}

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

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

	auto outer = 0;
	for (auto radius = 80; radius < ofGetWidth(); radius++) {

		auto deg_span = 14;
		auto font_size = (2 * PI * radius / 360) * deg_span;

		if (outer < radius - font_size * 0.5) {

			ofGetFill() ? ofNoFill() : ofFill();
			ofRotate(ofGetFrameNum() * 0.1);
			int char_index = 0;

			for (auto deg = 0; deg < 360; deg += deg_span) {

				auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
				char_index = (char_index + 1) % this->chara_path.size();

				ofPushMatrix();
				ofTranslate(location);
				ofRotate(deg + 90);

				auto outline = this->chara_path[char_index].getOutline();

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

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

					auto vertices = outline[line_index].getVertices();
					for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

						auto point = (vertices[vertices_index] / 100 * font_size) + glm::vec2(font_size * -0.5, font_size * 0.5);
						ofVertex(point);
					}
				}
				ofEndShape(true);

				ofPopMatrix();
			}

			outer = radius + font_size * 0.5;
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofTrueTypeFont font;

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

for (char c = 'A'; c <= 'Z'; c++) {

this->chara_path.push_back(font.getCharacterAsPoints(c, true, false));

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

ofNoFill();

auto outer = 0;

for (auto radius = 80; radius < ofGetWidth(); radius++) {

auto deg_span = 14;

auto font_size = (2 * PI * radius / 360) * deg_span;

if (outer < radius - font_size * 0.5) {

ofGetFill() ? ofNoFill() : ofFill();

ofRotate(ofGetFrameNum() * 0.1);

int char_index = 0;

for (auto deg = 0; deg < 360; deg += deg_span) {

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

char_index = (char_index + 1) % this->chara_path.size();

ofPushMatrix();

ofTranslate(location);

ofRotate(deg + 90);

auto outline = this->chara_path[char_index].getOutline();

ofBeginShape();

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

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

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

for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

auto point = (vertices[vertices_index] / 100 * font_size) + glm::vec2(font_size * -0.5, font_size * 0.5);

ofVertex(point);

}

ofEndShape(true);

ofPopMatrix();

}

outer = radius + font_size * 0.5;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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