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

2021年4月22日2021年4月22日

Rain. Draw by openFrameworks

[ Video ]

[ About ]
RAIN.

[ 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;
	string word;
	vector<glm::vec3> font_location_list;

	vector<ofColor> base_color_list;

	vector<vector<glm::vec3>> log_list;
	vector<float> speed_list;
	vector<ofColor> color_list;
};

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

string word;

vector<glm::vec3> font_location_list;

vector<ofColor> base_color_list;

vector<vector<glm::vec3>> log_list;

vector<float> speed_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofNoFill();
	ofSetLineWidth(0.5);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofEnableDepthTest();

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
	this->word = "RAIN";
	int sample_count = 300;
	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();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			outline[outline_index] = outline[outline_index].getResampledBySpacing(1);
			vector<glm::vec3> vertices = outline[outline_index].getVertices();
			for (int i = 0; i < vertices.size(); i++) {

				this->font_location_list.push_back(vertices[i] + glm::vec3(this->font.stringWidth(word) * -0.5, -200, 0));
			}
		}
	}

	ofColor color;
	vector<int> hex_list = { 0x4cc9f0, 0x4895ef, 0x4361ee, 0x3f37c9, 0x3a0ca3, 0x480ca8, 0x560bad, 0x7209b7 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}
}

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

	if (this->log_list.size() < 1000) {

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

			int font_location_index = ofRandom(this->font_location_list.size());
			vector<glm::vec3> log;
			log.push_back(this->font_location_list[font_location_index]);
			this->log_list.push_back(log);
			this->speed_list.push_back(ofRandom(3, 10));
			this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		}
	}

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

		if (this->log_list[i].back().y > 100) {

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

			continue;
		}

		auto next = this->log_list[i].back() + glm::vec3(0, this->speed_list[i], 0);
		this->log_list[i].push_back(next);

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

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

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

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

	ofSetColor(this->base_color_list[0]);
	this->font.drawStringAsShapes(this->word, this->font.stringWidth(this->word) * -0.5, -200);

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

		ofSetColor(this->color_list[i]);

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}



	this->cam.end();
}

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

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

100

101

102

103

104

105

106

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofNoFill();

ofSetLineWidth(0.5);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofEnableDepthTest();

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

this->word = "RAIN";

int sample_count = 300;

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

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

outline[outline_index] = outline[outline_index].getResampledBySpacing(1);

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

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

this->font_location_list.push_back(vertices[i] + glm::vec3(this->font.stringWidth(word) * -0.5, -200, 0));

}

ofColor color;

vector<int> hex_list = { 0x4cc9f0, 0x4895ef, 0x4361ee, 0x3f37c9, 0x3a0ca3, 0x480ca8, 0x560bad, 0x7209b7 };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

if (this->log_list.size() < 1000) {

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

int font_location_index = ofRandom(this->font_location_list.size());

vector<glm::vec3> log;

log.push_back(this->font_location_list[font_location_index]);

this->log_list.push_back(log);

this->speed_list.push_back(ofRandom(3, 10));

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

}

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

if (this->log_list[i].back().y > 100) {

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

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

continue;

}

auto next = this->log_list[i].back() + glm::vec3(0, this->speed_list[i], 0);

this->log_list[i].push_back(next);

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

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofSetColor(this->base_color_list[0]);

this->font.drawStringAsShapes(this->word, this->font.stringWidth(this->word) * -0.5, -200);

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

ofSetColor(this->color_list[i]);

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年4月11日

FIRE. Draw by openFrameworks

[ Video ]

[ About ]
FIRE.

[ 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;
	string word;
	vector<glm::vec3> font_location_list;

	vector<ofColor> base_color_list;

	vector<vector<glm::vec3>> log_list;
	vector<ofColor> color_list;
	vector<float> life_list;
};

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

string word;

vector<glm::vec3> font_location_list;

vector<ofColor> base_color_list;

vector<vector<glm::vec3>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

};

#include "ofApp.h"	

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

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

	ofBackground(39);
	ofNoFill();

	ofColor color;
	vector<int> hex_list = { 0x1f005c, 0x5b0060, 0x870160, 0xac255e, 0xca485c, 0xe16b5c, 0xf39060, 0xffb56b };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
	this->word = "FIRE";
	int sample_count = 200;
	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();
		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();
			for (int i = 0; i < vertices.size(); i++) {

				this->font_location_list.push_back(vertices[i] + glm::vec3(0, 0, 0));
			}
		}
	}
}

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

	int radius = 3;
	while (this->log_list.size() < 1300) {

		int font_location_index = ofRandom(this->font_location_list.size());
		vector<glm::vec3> log;
		log.push_back(this->font_location_list[font_location_index]);
		this->log_list.push_back(log);
		this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		this->life_list.push_back(ofRandom(30, 50));
	}

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

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

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

			continue;
		}

		auto deg = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.008, ofGetFrameNum() * 0.003)), 0, 1, 180, 360);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
		while (this->log_list[i].size() > 100) {

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

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

	this->cam.begin();
	ofRotateX(180);
	ofTranslate(this->font.stringWidth("FIRE") * -0.5, this->font.stringHeight("FIRE") * 0.5);

	ofSetColor(239);
	this->font.drawStringAsShapes(this->word, 0, 0);

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

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 30) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));
		}

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}

	this->cam.end();
}

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

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

100

101

102

103

104

105

106

107

108

109

110

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofNoFill();

ofColor color;

vector<int> hex_list = { 0x1f005c, 0x5b0060, 0x870160, 0xac255e, 0xca485c, 0xe16b5c, 0xf39060, 0xffb56b };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

this->word = "FIRE";

int sample_count = 200;

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

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

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

this->font_location_list.push_back(vertices[i] + glm::vec3(0, 0, 0));

}

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

void ofApp::update() {

int radius = 3;

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

int font_location_index = ofRandom(this->font_location_list.size());

vector<glm::vec3> log;

log.push_back(this->font_location_list[font_location_index]);

this->log_list.push_back(log);

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

this->life_list.push_back(ofRandom(30, 50));

}

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

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

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

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

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

continue;

}

auto deg = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.008, ofGetFrameNum() * 0.003)), 0, 1, 180, 360);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

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

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofTranslate(this->font.stringWidth("FIRE") * -0.5, this->font.stringHeight("FIRE") * 0.5);

ofSetColor(239);

this->font.drawStringAsShapes(this->word, 0, 0);

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 30) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));

}

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年3月19日2021年3月19日

ROLL String. Draw by openFrameworks

[ Vidoe ]

[ About ]
ROLL String.

[ 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(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetColor(39);

	ofEnableDepthTest();

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

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

}

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

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

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

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

		int y = 0;

		ofSetColor(39);
		ofFill();

		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(500);
			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, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);
				auto angle_y = ofMap(ofNoise(abs(location.x) * 0.003 + ofGetFrameNum() * 0.02), 0, 1, -PI * 3, PI * 3);
				auto rotation_z = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
				location = glm::vec4(location, 0) * rotation_z;

				ofVertex(location);
			}
		}
		ofEndShape(true);
		
		ofSetColor(239);
		ofNoFill();

		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(500);
			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, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);
				auto angle_y = ofMap(ofNoise(abs(location.x) * 0.003 + ofGetFrameNum() * 0.02), 0, 1, -PI * 3, PI * 3);
				auto rotation_z = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
				location = glm::vec4(location, 0) * rotation_z;

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

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

string word = "ROLL";

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

for (auto& path : path_list) {

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

int y = 0;

ofSetColor(39);

ofFill();

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

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, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);

auto angle_y = ofMap(ofNoise(abs(location.x) * 0.003 + ofGetFrameNum() * 0.02), 0, 1, -PI * 3, PI * 3);

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

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

ofVertex(location);

}

ofEndShape(true);

ofSetColor(239);

ofNoFill();

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

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, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);

auto angle_y = ofMap(ofNoise(abs(location.x) * 0.003 + ofGetFrameNum() * 0.02), 0, 1, -PI * 3, PI * 3);

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

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

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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