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

2022年12月29日

Finding RED. Draw by openFrameworks

[ Video ]

[ About ]
REDを探す。

[ 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 font_size;
	ofTrueTypeFont font;
	vector<string> words;

	vector<glm::vec2> location_list;
	vector<bool> param_list;
	vector<float> index_list;

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

int font_size;

ofTrueTypeFont font;

vector<string> words;

vector<glm::vec2> location_list;

vector<bool> param_list;

vector<float> index_list;

ofEasyCam cam;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(0);

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

	this->words = {

		"R", "E", "D", 
	};

	for (int y = this->font_size * 12; y >= this->font_size * -12; y -= this->font_size * 1.2) {

		for (int x = this->font_size * -12; x <= this->font_size * 12; x += this->font_size * 0.8) {

			this->location_list.push_back(glm::vec2(x, y));
			this->index_list.push_back((int)ofRandom(this->words.size()));
			this->param_list.push_back(true);
		}
	}
}

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

	for (auto& param : this->param_list) {

		param = false;
	}

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

		auto y = ((int)((this->location_list[i].x + 1000) * 10 + ofGetFrameNum() * 10) % 1200) - 600;

		if (this->location_list[i].y > y - 60 && this->location_list[i].y < y + 60) {

			this->index_list[i] += ofRandom(1, 5);

			this->index_list[i] = (int)this->index_list[i] % this->words.size();
			this->param_list[i] = true;
		}
	}
}

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

	this->cam.begin();
	ofTranslate(this->font_size * 0.5, this->font_size * 0.5);

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

		ofPushMatrix();
		ofTranslate(this->location_list[i]);

		if (this->param_list[i]) {

			ofRotateY(ofMap(ofNoise(this->location_list[i].y * 0.005, ofGetFrameNum() * 0.03), 0, 1, -3600, 3600));
		}

		if (i < this->location_list.size() - this->words.size() &&
			this->index_list[i] == 0 &&
			this->index_list[i + 1] == 1 &&
			this->index_list[i + 2] == 2) {

			ofSetColor(255, 0, 0);
		}
		else if (i > 1 &&
			i < this->location_list.size() - this->words.size() &&
			this->index_list[i - 1] == 0 &&
			this->index_list[i] == 1 &&
			this->index_list[i + 1] == 2) {

			ofSetColor(255, 0, 0);
		}
		else if (i > 2 &&
			i < this->location_list.size() - this->words.size() &&
			this->index_list[i - 2] == 0 &&
			this->index_list[i - 1] == 1 &&
			this->index_list[i] == 2 ) {

			ofSetColor(255, 0, 0);
		}
		else {

			ofSetColor(255);
		}

		this->font.drawString(this->words[this->index_list[i]], this->font_size * -0.25, this->font_size * -0.5);

		ofPopMatrix();
	}

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

ofSetWindowTitle("openframeworks");

ofBackground(0);

this->font_size = 40;

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

this->font.load(font_settings);

this->words = {

"R", "E", "D",

};

for (int y = this->font_size * 12; y >= this->font_size * -12; y -= this->font_size * 1.2) {

for (int x = this->font_size * -12; x <= this->font_size * 12; x += this->font_size * 0.8) {

this->location_list.push_back(glm::vec2(x, y));

this->index_list.push_back((int)ofRandom(this->words.size()));

this->param_list.push_back(true);

}

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

void ofApp::update() {

for (auto& param : this->param_list) {

param = false;

}

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

auto y = ((int)((this->location_list[i].x + 1000) * 10 + ofGetFrameNum() * 10) % 1200) - 600;

if (this->location_list[i].y > y - 60 && this->location_list[i].y < y + 60) {

this->index_list[i] += ofRandom(1, 5);

this->index_list[i] = (int)this->index_list[i] % this->words.size();

this->param_list[i] = true;

}

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

void ofApp::draw() {

this->cam.begin();

ofTranslate(this->font_size * 0.5, this->font_size * 0.5);

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

ofPushMatrix();

ofTranslate(this->location_list[i]);

if (this->param_list[i]) {

ofRotateY(ofMap(ofNoise(this->location_list[i].y * 0.005, ofGetFrameNum() * 0.03), 0, 1, -3600, 3600));

}

if (i < this->location_list.size() - this->words.size() &&

this->index_list[i] == 0 &&

this->index_list[i + 1] == 1 &&

this->index_list[i + 2] == 2) {

ofSetColor(255, 0, 0);

}

else if (i > 1 &&

i < this->location_list.size() - this->words.size() &&

this->index_list[i - 1] == 0 &&

this->index_list[i] == 1 &&

this->index_list[i + 1] == 2) {

ofSetColor(255, 0, 0);

}

else if (i > 2 &&

i < this->location_list.size() - this->words.size() &&

this->index_list[i - 2] == 0 &&

this->index_list[i - 1] == 1 &&

this->index_list[i] == 2 ) {

ofSetColor(255, 0, 0);

}

else {

ofSetColor(255);

}

this->font.drawString(this->words[this->index_list[i]], this->font_size * -0.25, this->font_size * -0.5);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年12月8日

flowing character. Draw by 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 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) {};

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;

	vector<glm::vec3> base_location_list;

	vector<tuple<ofColor, glm::vec3, float>> sphere_list; // BodyColor, Location, size
	vector<glm::vec3> deg_list;
	int number_of_sphere;

	ofTrueTypeFont font;
	string word;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

vector<glm::vec3> base_location_list;

vector<tuple<ofColor, glm::vec3, float>> sphere_list; // BodyColor, Location, size

vector<glm::vec3> deg_list;

int number_of_sphere;

ofTrueTypeFont font;

string word;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(0);
	ofSetLineWidth(1);
	ofEnableDepthTest();

	auto ico_sphere = ofIcoSpherePrimitive(1, 5);

	this->number_of_sphere = 3600;
	while (this->sphere_list.size() < this->number_of_sphere) {

		auto tmp_location = this->make_point(280, ofRandom(0, 50), ofRandom(360), ofRandom(360));
		auto radius = this->sphere_list.size() < 100 ? ofRandom(10, 50) : ofRandom(3, 20);

		bool flag = true;
		for (int i = 0; i < this->sphere_list.size(); i++) {

			if (glm::distance(tmp_location, get<1>(this->sphere_list[i])) < get<2>(this->sphere_list[i]) + radius) {

				flag = false;
				break;
			}
		}

		if (flag) {

			ofColor color;
			color.setHsb(ofRandom(255), 200, 255);

			auto size = (radius * 2) / sqrt(3);

			this->sphere_list.push_back(make_tuple(color, tmp_location, size));
			this->deg_list.push_back(glm::vec3(ofRandom(360), ofRandom(360), ofRandom(360)));
		}
	}

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

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

	ofSeedRandom(39);

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

		auto step = glm::vec3(ofRandom(1, 3), ofRandom(1, 3), ofRandom(-3, 3));

		if (ofGetFrameNum() % 60 < 30) {

			this->deg_list[i] += step * ofMap(ofGetFrameNum() % 60, 0, 30, 15, 0);
		}
	}
}

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

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

	ofTranslate(280, -560, 0);
	ofRotateZ(ofGetFrameNum() * 0.5);

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

		auto location = get<1>(this->sphere_list[i]);
		auto size = get<2>(this->sphere_list[i]) * 1.2;

		ofPushMatrix();
		ofTranslate(location);

		ofRotateZ(this->deg_list[i].z);
		ofRotateY(this->deg_list[i].y);
		ofRotateX(this->deg_list[i].x);

		ofPath chara_path = this->font.getCharacterAsPoints(this->word[ofRandom(this->word.size())], true, false);
		vector<ofPolyline> outline = chara_path.getOutline();

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

			ofNextContour(true);

			auto vertices = outline[outline_index].getVertices();
			for (auto& vertex : vertices) {

				glm::vec2 location = vertex / 100 * size;
				location -= glm::vec2(size * 0.5, -size * 0.5);
				ofVertex(location);
			}
		}
		ofEndShape(true);

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

			ofNextContour(true);

			auto vertices = outline[outline_index].getVertices();
			for (auto& vertex : vertices) {

				glm::vec2 location = vertex / 100 * size;
				location -= glm::vec2(size * 0.5, -size * 0.5);
				ofVertex(location);
			}
		}
		ofEndShape(true);

		ofPopMatrix();
	}

	this->cam.end();

	ostringstream os;
	os << setw(4) << setfill('0') << ofGetFrameNum();
	ofImage image;
	image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
	image.saveImage("image/img_" + os.str() + ".jpg");
	if (ofGetFrameNum() >= 30 * 18 + 1) {

		std::exit(1);
	}

	// > ffmpeg -i img_%04d.jpg -r 30 'openFrameworks 2022-12-07.mp4'
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(1);

ofEnableDepthTest();

auto ico_sphere = ofIcoSpherePrimitive(1, 5);

this->number_of_sphere = 3600;

while (this->sphere_list.size() < this->number_of_sphere) {

auto tmp_location = this->make_point(280, ofRandom(0, 50), ofRandom(360), ofRandom(360));

auto radius = this->sphere_list.size() < 100 ? ofRandom(10, 50) : ofRandom(3, 20);

bool flag = true;

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

if (glm::distance(tmp_location, get<1>(this->sphere_list[i])) < get<2>(this->sphere_list[i]) + radius) {

flag = false;

break;

}

if (flag) {

ofColor color;

color.setHsb(ofRandom(255), 200, 255);

auto size = (radius * 2) / sqrt(3);

this->sphere_list.push_back(make_tuple(color, tmp_location, size));

this->deg_list.push_back(glm::vec3(ofRandom(360), ofRandom(360), ofRandom(360)));

}

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

this->word = "JunKiyoshi";

}

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

void ofApp::update() {

ofSeedRandom(39);

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

auto step = glm::vec3(ofRandom(1, 3), ofRandom(1, 3), ofRandom(-3, 3));

if (ofGetFrameNum() % 60 < 30) {

this->deg_list[i] += step * ofMap(ofGetFrameNum() % 60, 0, 30, 15, 0);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

ofTranslate(280, -560, 0);

ofRotateZ(ofGetFrameNum() * 0.5);

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

auto location = get<1>(this->sphere_list[i]);

auto size = get<2>(this->sphere_list[i]) * 1.2;

ofPushMatrix();

ofTranslate(location);

ofRotateZ(this->deg_list[i].z);

ofRotateY(this->deg_list[i].y);

ofRotateX(this->deg_list[i].x);

ofPath chara_path = this->font.getCharacterAsPoints(this->word[ofRandom(this->word.size())], true, false);

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

ofFill();

ofSetColor(0);

ofBeginShape();

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

ofNextContour(true);

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

for (auto& vertex : vertices) {

glm::vec2 location = vertex / 100 * size;

location -= glm::vec2(size * 0.5, -size * 0.5);

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(255);

ofBeginShape();

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

ofNextContour(true);

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

for (auto& vertex : vertices) {

glm::vec2 location = vertex / 100 * size;

location -= glm::vec2(size * 0.5, -size * 0.5);

ofVertex(location);

}

ofEndShape(true);

ofPopMatrix();

}

this->cam.end();

ostringstream os;

os << setw(4) << setfill('0') << ofGetFrameNum();

ofImage image;

image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());

image.saveImage("image/img_" + os.str() + ".jpg");

if (ofGetFrameNum() >= 30 * 18 + 1) {

std::exit(1);

}

// > ffmpeg -i img_%04d.jpg -r 30 'openFrameworks 2022-12-07.mp4'

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年11月28日

Every Day. Draw by 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;
};

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

	ofBackground(255);
	ofSetColor(0);
	ofFill();
	ofSetLineWidth(1.5);

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

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

}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	for (int y = -240 + 40; y < ofGetHeight() - 480; y += 120) {

		string word = "Every Day";
		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(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);
					auto len = glm::length(location);

					auto noise_location = glm::normalize(location);

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

						auto radius = (ofGetFrameNum() * 8 + i * 300) % 600 + ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.1)), 0, 1, -30, 30);

						if (len > radius - 35 && len < radius) {

							location = glm::normalize(location) * (radius + 35);
							break;
						}

						if (len < radius + 35 && len > radius) {

							location = glm::normalize(location) * (radius + 35);
							break;
						}
					}

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofSetColor(0);

ofFill();

ofSetLineWidth(1.5);

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

for (int y = -240 + 40; y < ofGetHeight() - 480; y += 120) {

string word = "Every Day";

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

auto len = glm::length(location);

auto noise_location = glm::normalize(location);

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

auto radius = (ofGetFrameNum() * 8 + i * 300) % 600 + ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.1)), 0, 1, -30, 30);

if (len > radius - 35 && len < radius) {

location = glm::normalize(location) * (radius + 35);

break;

}

if (len < radius + 35 && len > radius) {

location = glm::normalize(location) * (radius + 35);

break;

}

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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