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

2018年6月22日2018年6月22日

文字の輪郭遊び 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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofTrueTypeFont font;
	int font_size;
};

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

int font_size;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(239);
	ofSetWindowTitle("Insta");

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

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

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

}

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

	ofTranslate(20, this->font_size + 20);

	vector<char> charactors = { 'A', 'B', 'C', 'D', 'E', 'F',
								'G', 'H', 'I', 'J', 'K', 'L',
								'M', 'N', 'O', 'P', 'Q', 'R',
								'S', 'T', 'U', 'V', 'W', 'X',
								'Y', 'Z', '!'};
	int sample_count = 180;
	for (int charactor_index = 0; charactor_index < charactors.size(); charactor_index++) {

		ofPath path = this->font.getCharacterAsPoints(charactors[charactor_index], true, false);
		vector<ofPolyline> outline = path.getOutline();

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

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

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

				ofPoint point(vertices[vertices_index].x, vertices[vertices_index].y, vertices[vertices_index].z);

				if (ofGetFrameNum() % (sample_count * 2) < sample_count) {

					if (vertices_index < ofGetFrameNum() % sample_count) { 
						
						ofVertex(point); 
					}
				}
				else {

					if (vertices_index > ofGetFrameNum() % sample_count) { 
						
						ofVertex(point); 
					}
				}

				if (vertices_index == ofGetFrameNum() % sample_count) { 
					
					ofDrawCircle(point, 3); 
				}

			}
			ofEndShape();
		}

		if ((charactor_index + 1) % 6 == 0) {

			ofTranslate(this->font_size * -6, this->font_size * 1.4);
		}
		else {

			ofTranslate(this->font_size * 1.2, 0);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofNoFill();

ofSetColor(39);

ofSetLineWidth(2);

this->font_size = 100;

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(20, this->font_size + 20);

vector<char> charactors = { 'A', 'B', 'C', 'D', 'E', 'F',

'G', 'H', 'I', 'J', 'K', 'L',

'M', 'N', 'O', 'P', 'Q', 'R',

'S', 'T', 'U', 'V', 'W', 'X',

'Y', 'Z', '!'};

int sample_count = 180;

for (int charactor_index = 0; charactor_index < charactors.size(); charactor_index++) {

ofPath path = this->font.getCharacterAsPoints(charactors[charactor_index], true, false);

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

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

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

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

ofBeginShape();

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

ofPoint point(vertices[vertices_index].x, vertices[vertices_index].y, vertices[vertices_index].z);

if (ofGetFrameNum() % (sample_count * 2) < sample_count) {

if (vertices_index < ofGetFrameNum() % sample_count) {

ofVertex(point);

}

else {

if (vertices_index > ofGetFrameNum() % sample_count) {

ofVertex(point);

}

if (vertices_index == ofGetFrameNum() % sample_count) {

ofDrawCircle(point, 3);

}

ofEndShape();

}

if ((charactor_index + 1) % 6 == 0) {

ofTranslate(this->font_size * -6, this->font_size * 1.4);

}

else {

ofTranslate(this->font_size * 1.2, 0);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年6月19日2018年6月19日

GECKO ON GECKO openFrameworks

[ Video ]

[ About ]
やもりのシルエットをGECKOという文字で埋めました。Noiseで文字を変化、文字と色はリンクしています。

[ Source ]

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

	ofImage image;
	ofPixels pix;

	ofTrueTypeFont font;
};

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

ofImage image;

ofPixels pix;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(39);
	ofSetWindowTitle("Insta");

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 15);
	this->image.load("images/gecko.png");
	this->pix = this->image.getPixelsRef();
}

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

}

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

	ofColor word_color;
	vector<string> word = { "G", "E", "C", "K", "O" };

	ofTranslate((ofGetWidth() - this->image.getWidth()) * 0.5, (ofGetHeight() - this->image.getHeight()) * 0.5);
	
	for (int x = 0; x < this->image.getWidth(); x += this->font.getSize()) {

		for (int y = 0; y < this->image.getHeight(); y += this->font.getSize()) {

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

				continue;
			}

			int word_index = ofMap(ofNoise(x * 0.008, y * 0.008 + ofGetFrameNum() * 0.03), 0, 1, 0, word.size());
			word_color.setHsb(ofMap(word_index, 0, word.size(), 0, 239), 200, 255);
			ofSetColor(word_color);
			this->font.drawString(word[word_index], x, y);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

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

this->image.load("images/gecko.png");

this->pix = this->image.getPixelsRef();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofColor word_color;

vector<string> word = { "G", "E", "C", "K", "O" };

ofTranslate((ofGetWidth() - this->image.getWidth()) * 0.5, (ofGetHeight() - this->image.getHeight()) * 0.5);

for (int x = 0; x < this->image.getWidth(); x += this->font.getSize()) {

for (int y = 0; y < this->image.getHeight(); y += this->font.getSize()) {

ofColor pix_color = this->pix.getColor(x, y);

if (pix_color != ofColor(0)) {

continue;

}

int word_index = ofMap(ofNoise(x * 0.008, y * 0.008 + ofGetFrameNum() * 0.03), 0, 1, 0, word.size());

word_color.setHsb(ofMap(word_index, 0, word.size(), 0, 239), 200, 255);

ofSetColor(word_color);

this->font.drawString(word[word_index], x, y);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年6月15日2018年6月15日

アルコール’s openFramewoks

[ Video ]

[ About ]
今日は会社の飲み会なので絵文字(Emoji)を使ってお酒を並べてみました。ofTrueTypeFontのdrawStringだと色合成されなかったのでofFboを3枚重ねました。

[ Source ]

#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<ofFbo> fbos;
	ofTrueTypeFont font;
};

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

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(39);
	ofSetWindowTitle("Insta");

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

		ofFbo fbo;
		fbo.allocate(ofGetWidth(), ofGetHeight());
		this->fbos.push_back(fbo);
	}
}

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

	vector<string> emojis = { u8"🍶" , u8"🍷" , u8"🍸" , u8"🍹" , u8"🍺", u8"🍻" };
	vector<ofColor> colors{ ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255) };

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

		ofSeedRandom(39);

		this->fbos[i].begin();
		ofClear(0);

		ofSetColor(colors[i]);

		for (int x = 50; x < ofGetWidth(); x += 100) {

			for (int y = 75; y < ofGetHeight(); y += 100) {

				int emoji_index = ofRandom(emojis.size());
				ofPoint point(x + ofMap(ofNoise(i + ofRandom(100) + ofGetFrameNum() * 0.005), 0, 1, -30, 30), y + ofMap(ofNoise(i + ofRandom(100) + ofGetFrameNum() * 0.005), 0, 1, -30, 30));

				this->font.drawString(emojis[emoji_index], point.x, point.y);
			}
		}

		this->fbos[i].end();
	}
}

//--------------------------------------------------------------
void ofApp::draw() {
	
	for (int i = 0; i < 3; i++) {

		this->fbos[i].draw(0, 0);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofTrueTypeFontSettings font_settings("fonts/EmojiSymbols-Regular.ttf", 30);

font_settings.antialiased = true;

font_settings.addRanges(ofAlphabet::Emoji);

this->font.load(font_settings);

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

ofFbo fbo;

fbo.allocate(ofGetWidth(), ofGetHeight());

this->fbos.push_back(fbo);

}

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

void ofApp::update() {

vector<string> emojis = { u8"🍶" , u8"🍷" , u8"🍸" , u8"🍹" , u8"🍺", u8"🍻" };

vector<ofColor> colors{ ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255) };

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

ofSeedRandom(39);

this->fbos[i].begin();

ofClear(0);

ofSetColor(colors[i]);

for (int x = 50; x < ofGetWidth(); x += 100) {

for (int y = 75; y < ofGetHeight(); y += 100) {

int emoji_index = ofRandom(emojis.size());

ofPoint point(x + ofMap(ofNoise(i + ofRandom(100) + ofGetFrameNum() * 0.005), 0, 1, -30, 30), y + ofMap(ofNoise(i + ofRandom(100) + ofGetFrameNum() * 0.005), 0, 1, -30, 30));

this->font.drawString(emojis[emoji_index], point.x, point.y);

}

this->fbos[i].end();

}

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

void ofApp::draw() {

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

this->fbos[i].draw(0, 0);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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