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

2019年7月3日2019年7月3日

Slide character. openFrameworks

[ Video ]

[ About ]
ずれる文字たち

Slide characters.

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

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

ofTrueTypeFont font;

ofEasyCam cam;

};

#include "ofApp.h"	

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

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

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

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

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

	ofSeedRandom(39);
}

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

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

	auto noise_seed_x = ofRandom(1000);
	auto noise_seed_y = ofRandom(1000);
	for (char c = 'A'; c <= 'Z'; c++) {

		auto x = 0;
		auto y = 0;
		auto z = ofMap(c, 'A', 'Z', -300, 300);
		auto noise_value_x = ofNoise(noise_seed_x, (ofGetFrameNum() + z) * 0.005);
		if (noise_value_x < 0.25) {

			x = ofMap(noise_value_x, 0, 0.25, -300, 0);
		}
		else if (noise_value_x >= 0.75) {

			x = ofMap(noise_value_x, 0.75, 1, 0, 300);
		}

		auto noise_value_y = ofNoise(noise_seed_y, (ofGetFrameNum() + z) * 0.005);
		if (noise_value_y < 0.25) {

			y = ofMap(noise_value_y, 0, 0.25, -300, 0);
		}
		else if (noise_value_y >= 0.75) {

			y = ofMap(noise_value_y, 0.75, 1, 0, 300);
		}
		auto location = glm::vec3(x - 150, y + 150, z);

		auto path = font.getCharacterAsPoints(c, true, false);
		auto outline = path.getOutline();

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

			for (auto& vertex : outline[line_index].getVertices()) {
				
				vertex += location;
			}
		}

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

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

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

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

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

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

	this->cam.end();
}

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

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

100

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(3);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

auto noise_seed_x = ofRandom(1000);

auto noise_seed_y = ofRandom(1000);

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

auto x = 0;

auto y = 0;

auto z = ofMap(c, 'A', 'Z', -300, 300);

auto noise_value_x = ofNoise(noise_seed_x, (ofGetFrameNum() + z) * 0.005);

if (noise_value_x < 0.25) {

x = ofMap(noise_value_x, 0, 0.25, -300, 0);

}

else if (noise_value_x >= 0.75) {

x = ofMap(noise_value_x, 0.75, 1, 0, 300);

}

auto noise_value_y = ofNoise(noise_seed_y, (ofGetFrameNum() + z) * 0.005);

if (noise_value_y < 0.25) {

y = ofMap(noise_value_y, 0, 0.25, -300, 0);

}

else if (noise_value_y >= 0.75) {

y = ofMap(noise_value_y, 0.75, 1, 0, 300);

}

auto location = glm::vec3(x - 150, y + 150, z);

auto path = font.getCharacterAsPoints(c, true, false);

auto outline = path.getOutline();

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

for (auto& vertex : outline[line_index].getVertices()) {

vertex += location;

}

ofFill();

ofSetColor(239);

ofBeginShape();

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

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

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

ofVertices(vertices);

}

ofEndShape(true);

ofNoFill();

ofSetColor(39);

ofBeginShape();

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

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

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

ofVertices(vertices);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年6月28日2019年6月28日

Emoji Matrix. openFrameworks

[ Video ]

[ About ]
絵文字マトリックス😎

Emoji Matrix 😎

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

	ofTrueTypeFont font;
	int font_size;

	string moji;
	vector<string> words;
	vector<vector<string>> matrix;
	vector<int> random_values;
};

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

ofTrueTypeFont font;

int font_size;

string moji;

vector<string> words;

vector<vector<string>> matrix;

vector<int> random_values;

};

#include "ofApp.h"

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

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

	ofBackground(0);

	this->font_size = 15;
	ofTrueTypeFontSettings font_settings("fonts/EmojiSymbols-Regular.ttf", this->font_size);
	font_settings.antialiased = true;
	font_settings.addRanges(ofAlphabet::Emoji);
	this->font.load(font_settings);

	this->words = {

		u8"🍶", u8"🍷", u8"🍸", u8"🍹" , u8"🍺",
		u8"🍻", u8"🍎", u8"🎃", u8"🍭", u8"👻",
		u8"😁", u8"😍", u8"😂", u8"😱", u8"😎",
		u8"🎵", u8"🎶",  
	};

	for (int x = 0; x < ofGetWidth(); x += this->font_size) {

		vector<string> line;
		for (int y = 0; y <= ofGetHeight(); y += this->font_size) {

			line.push_back(this->words[(int)(ofRandom(this->words.size()))]);
		}

		this->matrix.push_back(line);
		this->random_values.push_back(ofRandom(ofGetHeight() * 1.5));
	}

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

}

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

	for (int row = 0; row < this->matrix.size(); row++) {

		int x = row * this->font_size;
		auto top = true;
		int random_value = this->random_values[row];
		for (int col = 0; col < this->matrix[row].size(); col++) {

			int y = col * this->font_size * 1.25;
			int alpha = (random_value + ofGetFrameNum() * 4 + y) % (int)(ofGetHeight() * 1.5);
			if (alpha <= 255) {

				if (top) {

					this->matrix[row][col] = this->words[(int)(ofRandom(this->words.size()))];
					top = false;
				}

				auto rb = ofMap(alpha, 0, 50, 239, 0);
				ofSetColor(rb, 239, rb, 255 - alpha);

				ofPushMatrix();
				ofTranslate(x, ofGetHeight() - y);

				this->font.drawString(this->matrix[row][col], 0, 0);

				ofPopMatrix();
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

this->font_size = 15;

ofTrueTypeFontSettings font_settings("fonts/EmojiSymbols-Regular.ttf", this->font_size);

font_settings.antialiased = true;

font_settings.addRanges(ofAlphabet::Emoji);

this->font.load(font_settings);

this->words = {

u8"🍶", u8"🍷", u8"🍸", u8"🍹" , u8"🍺",

u8"🍻", u8"🍎", u8"🎃", u8"🍭", u8"👻",

u8"😁", u8"😍", u8"😂", u8"😱", u8"😎",

u8"🎵", u8"🎶",

};

for (int x = 0; x < ofGetWidth(); x += this->font_size) {

vector<string> line;

for (int y = 0; y <= ofGetHeight(); y += this->font_size) {

line.push_back(this->words[(int)(ofRandom(this->words.size()))]);

}

this->matrix.push_back(line);

this->random_values.push_back(ofRandom(ofGetHeight() * 1.5));

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

for (int row = 0; row < this->matrix.size(); row++) {

int x = row * this->font_size;

auto top = true;

int random_value = this->random_values[row];

for (int col = 0; col < this->matrix[row].size(); col++) {

int y = col * this->font_size * 1.25;

int alpha = (random_value + ofGetFrameNum() * 4 + y) % (int)(ofGetHeight() * 1.5);

if (alpha <= 255) {

if (top) {

this->matrix[row][col] = this->words[(int)(ofRandom(this->words.size()))];

top = false;

}

auto rb = ofMap(alpha, 0, 50, 239, 0);

ofSetColor(rb, 239, rb, 255 - alpha);

ofPushMatrix();

ofTranslate(x, ofGetHeight() - y);

this->font.drawString(this->matrix[row][col], 0, 0);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年6月27日2019年6月27日

Character Gacha. openFrameworks

[ Video ]

[ About ]
文字ガチャ。

Character Gacha.

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

	ofTrueTypeFont font;
	int font_size;

	string moji;
	vector<string> words;
	vector<vector<string>> matrix;
	vector<vector<int>> params;
};

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

ofTrueTypeFont font;

int font_size;

string moji;

vector<string> words;

vector<vector<string>> matrix;

vector<vector<int>> params;

};

#include "ofApp.h"

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

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

	ofBackground(239);

	this->font_size = 30;
	ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);
	font_settings.antialiased = true;
	font_settings.addRanges(ofAlphabet::Japanese);
	this->font.load(font_settings);

	this->words = {

		u8"!", u8"#", u8"$", u8"%", u8"&",
		u8"'", u8"(", u8")", u8"*", u8"+",
		u8",", u8"-", u8".", u8"/", u8"0",
		u8"1", u8"2", u8"3", u8"4", u8"5",
		u8"6", u8"7", u8"8", u8"9", u8"0",
		u8":", u8";", u8"<", u8"=", u8">",
		u8"?", u8"@",

		u8"A", u8"B", u8"C", u8"D", u8"E",
		u8"F", u8"G", u8"H", u8"I", u8"J",
		u8"K", u8"L", u8"M", u8"N", u8"O",
		u8"P", u8"Q", u8"R", u8"S", u8"T",
		u8"U", u8"V", u8"W", u8"X", u8"Y", u8"Z",

		u8"a", u8"b", u8"c", u8"d", u8"e",
		u8"f", u8"g", u8"h", u8"i", u8"j",
		u8"k", u8"l", u8"m", u8"n", u8"o",
		u8"p", u8"q", u8"r", u8"s", u8"t",
		u8"u", u8"v", u8"w", u8"x", u8"y", u8"z",

		u8"ｱ", u8"ｲ", u8"ｳ", u8"ｴ", u8"ｵ",
		u8"ｶ", u8"ｷ", u8"ｸ", u8"ｹ", u8"ｺ",
		u8"ｻ", u8"ｼ", u8"ｽ", u8"ｾ", u8"ｿ",
		u8"ﾀ", u8"ﾁ", u8"ﾂ", u8"ﾃ", u8"ﾄ",
		u8"ﾅ", u8"ﾆ", u8"ﾇ", u8"ﾈ", u8"ﾉ",
		u8"ﾊ", u8"ﾋ", u8"ﾌ", u8"ﾍ", u8"ﾎ",
		u8"ﾏ", u8"ﾐ", u8"ﾑ", u8"ﾒ", u8"ﾓ",
		u8"ﾔ", u8"ﾕ", u8"ﾖ",
		u8"ﾗ", u8"ﾘ", u8"ﾙ", u8"ﾚ", u8"ﾛ",
		u8"ﾜ", u8"ｦ", u8"ﾝ",
	};

	for (int x = 0; x < ofGetWidth(); x += this->font_size) {

		vector<string> line;
		vector<int> param;
		for (int y = 0; y <= ofGetHeight(); y += this->font_size) {

			line.push_back(this->words[(int)(ofRandom(this->words.size()))]);
			param.push_back(ofRandom(255));
		}

		this->matrix.push_back(line);
		this->params.push_back(param);
	}
}

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

}

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

	for (int row = 0; row < this->matrix.size(); row++) {

		int x = row * this->font_size;
		for (int col = 0; col < this->matrix[row].size(); col++) {

			int y = col * this->font_size;

			if (this->params[row][col] < 255) {
			
				this->matrix[row][col] = this->words[(int)(ofRandom(this->words.size()))];
			}

			ofSetColor(23, this->params[row][col]);

			ofPushMatrix();
			ofTranslate(x, ofGetHeight() - y);

			this->font.drawString(this->matrix[row][col], 0, 0);

			ofPopMatrix();

			this->params[row][col] = (this->params[row][col] + 1) % 576;
		}
	}
}

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

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

100

101

102

103

104

105

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

this->font_size = 30;

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

font_settings.antialiased = true;

font_settings.addRanges(ofAlphabet::Japanese);

this->font.load(font_settings);

this->words = {

u8"!", u8"#", u8"$", u8"%", u8"&",

u8"'", u8"(", u8")", u8"*", u8"+",

u8",", u8"-", u8".", u8"/", u8"0",

u8"1", u8"2", u8"3", u8"4", u8"5",

u8"6", u8"7", u8"8", u8"9", u8"0",

u8":", u8";", u8"<", u8"=", u8">",

u8"?", u8"@",

u8"A", u8"B", u8"C", u8"D", u8"E",

u8"F", u8"G", u8"H", u8"I", u8"J",

u8"K", u8"L", u8"M", u8"N", u8"O",

u8"P", u8"Q", u8"R", u8"S", u8"T",

u8"U", u8"V", u8"W", u8"X", u8"Y", u8"Z",

u8"a", u8"b", u8"c", u8"d", u8"e",

u8"f", u8"g", u8"h", u8"i", u8"j",

u8"k", u8"l", u8"m", u8"n", u8"o",

u8"p", u8"q", u8"r", u8"s", u8"t",

u8"u", u8"v", u8"w", u8"x", u8"y", u8"z",

u8"ｱ", u8"ｲ", u8"ｳ", u8"ｴ", u8"ｵ",

u8"ｶ", u8"ｷ", u8"ｸ", u8"ｹ", u8"ｺ",

u8"ｻ", u8"ｼ", u8"ｽ", u8"ｾ", u8"ｿ",

u8"ﾀ", u8"ﾁ", u8"ﾂ", u8"ﾃ", u8"ﾄ",

u8"ﾅ", u8"ﾆ", u8"ﾇ", u8"ﾈ", u8"ﾉ",

u8"ﾊ", u8"ﾋ", u8"ﾌ", u8"ﾍ", u8"ﾎ",

u8"ﾏ", u8"ﾐ", u8"ﾑ", u8"ﾒ", u8"ﾓ",

u8"ﾔ", u8"ﾕ", u8"ﾖ",

u8"ﾗ", u8"ﾘ", u8"ﾙ", u8"ﾚ", u8"ﾛ",

u8"ﾜ", u8"ｦ", u8"ﾝ",

};

for (int x = 0; x < ofGetWidth(); x += this->font_size) {

vector<string> line;

vector<int> param;

for (int y = 0; y <= ofGetHeight(); y += this->font_size) {

line.push_back(this->words[(int)(ofRandom(this->words.size()))]);

param.push_back(ofRandom(255));

}

this->matrix.push_back(line);

this->params.push_back(param);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

for (int row = 0; row < this->matrix.size(); row++) {

int x = row * this->font_size;

for (int col = 0; col < this->matrix[row].size(); col++) {

int y = col * this->font_size;

if (this->params[row][col] < 255) {

this->matrix[row][col] = this->words[(int)(ofRandom(this->words.size()))];

}

ofSetColor(23, this->params[row][col]);

ofPushMatrix();

ofTranslate(x, ofGetHeight() - y);

this->font.drawString(this->matrix[row][col], 0, 0);

ofPopMatrix();

this->params[row][col] = (this->params[row][col] + 1) % 576;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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