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

2021年8月7日

Random walk of Hiragana. Draw by openFrameworks

[ Video ]

[ About ]
日本語フォントによるランダムウォーク。
ソースコードで日本語(Unicode)を扱うにはu8プレフィックスを付けます。

Random walk with Japanese font.
To handle Japanese (Unicode) in source code, add the u8 prefix.

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

	vector<glm::vec3> location_list;
	vector<int> param_list;
	vector<int> word_index_list;
	vector<vector<int>> route_info_list;

	vector<int> index_list;

	ofTrueTypeFont font;
	int font_size;

	vector<string> words;
};

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

vector<glm::vec3> location_list;

vector<int> param_list;

vector<int> word_index_list;

vector<vector<int>> route_info_list;

vector<int> index_list;

ofTrueTypeFont font;

int font_size;

vector<string> words;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(0.5);
	ofEnableDepthTest();

	int span = 30;
	for (int x = -300; x <= 300; x += span) {

		for (int y = -300; y <= 300; y += span) {

			this->location_list.push_back(glm::vec3(x, y, 0));
			this->param_list.push_back(0);
			this->word_index_list.push_back(0);
		}
	}

	for (auto& location : this->location_list) {

		vector<int> route_info = vector<int>();
		int index = -1;
		for (auto& other : this->location_list) {

			index++;
			if (location == other) { continue; }

			float distance = glm::distance(location, other);
			if (distance <= span) {

				route_info.push_back(index);
			}
		}

		this->route_info_list.push_back(route_info);
	}

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

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

	this->font_size = 23;
	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"そ",
		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"ん",
	};
}

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

	if (ofGetFrameNum() % 3 != 0) { 
	
		for (int i = 0; i < this->index_list.size(); i++) {

			this->word_index_list[this->index_list[i]] = (int)ofRandom(this->words.size());
		}
		return;
	}

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

		int next_index = this->route_info_list[this->index_list[i]][(int)ofRandom(this->route_info_list[this->index_list[i]].size())];
		for (int k = 0; k < this->route_info_list[this->index_list[i]].size(); k++) {

			if (this->param_list[next_index] <= 0) {

				this->param_list[next_index] = 45;
				this->index_list[i] = next_index;
				this->word_index_list[next_index] = (int)ofRandom(this->words.size());
				break;
			}
		}
	}
}

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

	this->cam.begin();

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

		if (this->param_list[i] > 0) {

			ofFill();
			ofSetColor(ofMap(this->param_list[i], 0, 45, 239, 39));		
			this->font.drawString(this->words[this->word_index_list[i]], this->location_list[i].x - 15, this->location_list[i].y - 15);
		}

		if (this->param_list[i] > 0) { this->param_list[i] -= 1; }

		ofNoFill();
		ofSetColor(39);
		ofDrawRectangle(this->location_list[i] - glm::vec2(15, 15), 30, 30);
	}

	this->cam.end();
}

//--------------------------------------------------------------
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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(0.5);

ofEnableDepthTest();

int span = 30;

for (int x = -300; x <= 300; x += span) {

for (int y = -300; y <= 300; y += span) {

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

this->param_list.push_back(0);

this->word_index_list.push_back(0);

}

for (auto& location : this->location_list) {

vector<int> route_info = vector<int>();

int index = -1;

for (auto& other : this->location_list) {

index++;

if (location == other) { continue; }

float distance = glm::distance(location, other);

if (distance <= span) {

route_info.push_back(index);

}

this->route_info_list.push_back(route_info);

}

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

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

}

this->font_size = 23;

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"そ",

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"ん",

};

}

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

void ofApp::update() {

if (ofGetFrameNum() % 3 != 0) {

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

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

}

return;

}

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

int next_index = this->route_info_list[this->index_list[i]][(int)ofRandom(this->route_info_list[this->index_list[i]].size())];

for (int k = 0; k < this->route_info_list[this->index_list[i]].size(); k++) {

if (this->param_list[next_index] <= 0) {

this->param_list[next_index] = 45;

this->index_list[i] = next_index;

this->word_index_list[next_index] = (int)ofRandom(this->words.size());

break;

}

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

void ofApp::draw() {

this->cam.begin();

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

if (this->param_list[i] > 0) {

ofFill();

ofSetColor(ofMap(this->param_list[i], 0, 45, 239, 39));

this->font.drawString(this->words[this->word_index_list[i]], this->location_list[i].x - 15, this->location_list[i].y - 15);

}

if (this->param_list[i] > 0) { this->param_list[i] -= 1; }

ofNoFill();

ofSetColor(39);

ofDrawRectangle(this->location_list[i] - glm::vec2(15, 15), 30, 30);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年8月4日2021年8月4日

Flowing numbers. Draw by openFrameworks

[ Video ]

[ About ]
数字を個別で動かす。

Move the numbers individually.

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

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

ofEasyCam cam;

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(1);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum());
	ofRotateX(ofGetFrameNum());

	string word = "0123456789";
	int sample_count = 30;
	auto base_location = glm::vec3(0, 0, 0);

	for (int r = 0; r < 80; r++) {

		auto radius = 150 - r * 1;

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

			auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

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

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

			auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
			auto noise_location = glm::vec4(this->font_size * 0.5, base_location.y + this->font_size * -0.5, radius, 0) * rotation;
			noise_location = noise_location * rotation_z * rotation_y * rotation_x;

			int word_index = (int)ofMap(ofNoise(noise_location.x * 0.001, noise_location.y * 0.001, noise_location.z * 0.001, ofGetFrameNum() * 0.008), 0, 1, 0, word.size() * 2) % word.size();

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

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

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

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

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);
					auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
					location = glm::vec4(location, 0) * rotation;
					location += base_location;
					location = glm::vec4(location, 0) * rotation_z * rotation_y * rotation_x;

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

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

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

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

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

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);
					auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
					location = glm::vec4(location, 0) * rotation;
					location += base_location;
					location = glm::vec4(location, 0) * rotation_z * rotation_y * rotation_x;

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

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

	this->cam.end();
}

//--------------------------------------------------------------
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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(1);

ofEnableDepthTest();

this->font_size = 55;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum());

ofRotateX(ofGetFrameNum());

string word = "0123456789";

int sample_count = 30;

auto base_location = glm::vec3(0, 0, 0);

for (int r = 0; r < 80; r++) {

auto radius = 150 - r * 1;

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

auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

auto angle_x = ofMap(ofNoise(noise_param.x, ofGetFrameNum() * 0.001), 0, 1, -PI * 1.5, PI * 1.5);

auto angle_y = ofMap(ofNoise(noise_param.y, ofGetFrameNum() * 0.001), 0, 1, -PI * 1.5, PI * 1.5);

auto angle_z = ofMap(ofNoise(noise_param.z, ofGetFrameNum() * 0.001), 0, 1, -PI * 1.5, PI * 1.5);

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

auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto noise_location = glm::vec4(this->font_size * 0.5, base_location.y + this->font_size * -0.5, radius, 0) * rotation;

noise_location = noise_location * rotation_z * rotation_y * rotation_x;

int word_index = (int)ofMap(ofNoise(noise_location.x * 0.001, noise_location.y * 0.001, noise_location.z * 0.001, ofGetFrameNum() * 0.008), 0, 1, 0, word.size() * 2) % word.size();

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

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

ofFill();

ofSetColor(39);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);

auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

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

location += base_location;

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

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

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(239);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);

auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

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

location += base_location;

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

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

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年7月30日2021年7月30日

Mask by character. Draw by openFrameworks

[ Video ]

[ About ]
ofImageのマスク機能を使って、文字でマスキング。
ofImage.getTextureReference().SetAlphaMask(ofFbo.getTexture())でofFboの描写内容を使う。

Masking with text using ofImage’s mask function.
Use ofImage.getTextureReference().SetAlphaMask(ofFbo.getTexture()) to use ofFbo’s description.

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

	void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);

	ofImage image;
	ofFbo fbo;

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

void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);

ofImage image;

ofFbo fbo;

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->image.loadImage("images/lenna.png");
	this->image.resize(720, 720);
	this->fbo.allocate(720, 720);

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

}

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

	ofSeedRandom(39);
	string word = "ABCDEFGHEJKLMNOPQRSTUVWXYZ";
	int sample_count = 100;

	this->fbo.begin();
	ofClear(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	ofTranslate(this->fbo.getWidth() * 0.5, this->fbo.getHeight() * 0.5);

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

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

			int word_index = (int)ofMap(ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.005), 0, 1, 0, word.size() * 2) % word.size();

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

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

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

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

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);
					location += glm::vec3(x, y, 0);
					ofVertex(location);
				}
			}
			ofEndShape();

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

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

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

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);
					location += glm::vec3(x, y, 0);
					ofVertex(location);
				}
			}
			ofEndShape();
		}
	}

	this->fbo.end();

	this->image.getTextureReference().setAlphaMask(this->fbo.getTexture());
	this->image.update();
}

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

	ofSetColor(255);
	this->image.draw(ofGetWindowSize() * 0.5);
}

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);

	ofSetColor(fill_color);
	ofFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofSetColor(no_fill_color);
	ofNoFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofEndShape();
}

//--------------------------------------------------------------
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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->image.loadImage("images/lenna.png");

this->image.resize(720, 720);

this->fbo.allocate(720, 720);

this->font_size = 28;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

string word = "ABCDEFGHEJKLMNOPQRSTUVWXYZ";

int sample_count = 100;

this->fbo.begin();

ofClear(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofTranslate(this->fbo.getWidth() * 0.5, this->fbo.getHeight() * 0.5);

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

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

int word_index = (int)ofMap(ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.005), 0, 1, 0, word.size() * 2) % word.size();

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

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

ofFill();

ofSetColor(255);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);

location += glm::vec3(x, y, 0);

ofVertex(location);

}

ofEndShape();

ofNoFill();

ofSetColor(0);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);

location += glm::vec3(x, y, 0);

ofVertex(location);

}

ofEndShape();

}

this->fbo.end();

this->image.getTextureReference().setAlphaMask(this->fbo.getTexture());

this->image.update();

}

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

void ofApp::draw() {

ofSetColor(255);

this->image.draw(ofGetWindowSize() * 0.5);

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

ofSetColor(fill_color);

ofFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofSetColor(no_fill_color);

ofNoFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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