openFrameworks – ページ 387 – プログラミング de 落描き

2022年5月6日

B. Draw by openFrameworks

[ Video ]

[ About ]
B.

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

	float radius;
	ofTrueTypeFont font;

	vector<glm::vec2> base_location_list;
	vector<ofColor> color_list;
	vector<vector<glm::vec2>> log_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) {};

float radius;

ofTrueTypeFont font;

vector<glm::vec2> base_location_list;

vector<ofColor> color_list;

vector<vector<glm::vec2>> log_list;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofNoFill();

	this->radius = 250;

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 230, true, true, true);
	string word = "B";

	auto path_list = font.getStringAsPoints(word, true, false);
	ofColor color;
	for (auto path : path_list) {

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

			outline[outline_index] = outline[outline_index].getResampledByCount(250);
			auto vertices = outline[outline_index].getVertices();
			for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

				this->base_location_list.push_back(glm::vec2(
				    ofGetWindowWidth() * 0.5 + vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, 
					ofGetWindowHeight() * 0.5 + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5));
				color.setHsb((int)ofMap(vertices_index, 0, vertices.size(), 0, 255 * 3) % 255, 255, 255);
				this->color_list.push_back(color);
			}
		}
	}
}

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

	this->log_list.clear();

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

		vector<glm::vec2> log;
		log.push_back(this->base_location_list[i]);
		this->log_list.push_back(log);
	}

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

		int k = 0;
		while (true) {

			auto base_deg = RAD_TO_DEG * atan2(this->log_list[i].front().y - ofGetHeight() * 0.5, this->log_list[i].front().x - ofGetWindowWidth() * 0.5);
			auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.02, ofGetFrameNum() * 0.008 + k * 0.001)), 0, 1, base_deg - 90, base_deg + 90);
			auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

			if (glm::distance(glm::vec2(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.5), next) < this->radius) {

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

				break;
			}

			k++;
		}
	}
}

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

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

		ofSetColor(this->color_list[i]);

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofNoFill();

this->radius = 250;

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

string word = "B";

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

ofColor color;

for (auto path : path_list) {

auto outline = path.getOutline();

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

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

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

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

this->base_location_list.push_back(glm::vec2(

ofGetWindowWidth() * 0.5 + vertices[vertices_index].x - this->font.stringWidth(word) * 0.5,

ofGetWindowHeight() * 0.5 + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5));

color.setHsb((int)ofMap(vertices_index, 0, vertices.size(), 0, 255 * 3) % 255, 255, 255);

this->color_list.push_back(color);

}

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

void ofApp::update() {

this->log_list.clear();

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

vector<glm::vec2> log;

log.push_back(this->base_location_list[i]);

this->log_list.push_back(log);

}

int step = 1;

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

int k = 0;

while (true) {

auto base_deg = RAD_TO_DEG * atan2(this->log_list[i].front().y - ofGetHeight() * 0.5, this->log_list[i].front().x - ofGetWindowWidth() * 0.5);

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.02, ofGetFrameNum() * 0.008 + k * 0.001)), 0, 1, base_deg - 90, base_deg + 90);

auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

if (glm::distance(glm::vec2(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.5), next) < this->radius) {

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

}

else {

break;

}

k++;

}

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

void ofApp::draw() {

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

ofSetColor(this->color_list[i]);

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年5月5日

SIGN. Draw by openFrameworks

[ Video ]

[ About ]
SIGN.

[ Source ]

#pragma once
#include "ofMain.h"

class Actor {
public:
	Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);
	void update(const int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);
	glm::vec3 getLocation();
	deque<glm::vec3> getLog();
	void setColor(ofColor color);
	ofColor getColor();

private:

	int select_index;
	int next_index;

	glm::vec3 location;
	deque<glm::vec3> log;
	ofColor color;
};

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

	vector<glm::vec3> location_list;
	vector<vector<int>> next_index_list;
	vector<int> destination_list;

	vector<unique_ptr<Actor>> actor_list;
	vector<ofColor> color_palette;

	ofTrueTypeFont font;
};

#pragma once

#include "ofMain.h"

class Actor {

public:

Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);

void update(const int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);

glm::vec3 getLocation();

deque<glm::vec3> getLog();

void setColor(ofColor color);

ofColor getColor();

private:

int select_index;

int next_index;

glm::vec3 location;

deque<glm::vec3> log;

ofColor color;

};

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

vector<glm::vec3> location_list;

vector<vector<int>> next_index_list;

vector<int> destination_list;

vector<unique_ptr<Actor>> actor_list;

vector<ofColor> color_palette;

ofTrueTypeFont font;

};

#include "ofApp.h"	

//--------------------------------------------------------------
Actor::Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

	this->select_index = ofRandom(location_list.size());
	while (true) {

		auto itr = find(destination_list.begin(), destination_list.end(), this->select_index);
		if (itr == destination_list.end()) {

			destination_list.push_back(this->select_index);
			break;
		}

		this->select_index = (this->select_index + 1) % location_list.size();
	}

	this->next_index = this->select_index;
}

//--------------------------------------------------------------
void Actor::update(const int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

	if (ofGetFrameNum() % frame_span == 0) {

		auto tmp_index = this->select_index;
		this->select_index = this->next_index;
		int retry = next_index_list[this->select_index].size();
		this->next_index = next_index_list[this->select_index][(int)ofRandom(next_index_list[this->select_index].size())];
		while (--retry > 0) {

			auto destination_itr = find(destination_list.begin(), destination_list.end(), this->next_index);
			if (destination_itr == destination_list.end()) {

				if (tmp_index != this->next_index) {

					destination_list.push_back(this->next_index);
					break;
				}
			}

			this->next_index = next_index_list[this->select_index][(this->next_index + 1) % next_index_list[this->select_index].size()];
		}
		if (retry <= 0) {

			destination_list.push_back(this->select_index);
			this->next_index = this->select_index;
		}
	}

	auto param = ofGetFrameNum() % frame_span;
	auto distance = location_list[this->next_index] - location_list[this->select_index];
	this->location = location_list[this->select_index] + distance / frame_span * param;

	this->log.push_front(this->location);
	while (this->log.size() > 25) { this->log.pop_back(); }
}

//--------------------------------------------------------------
glm::vec3 Actor::getLocation() {

	return this->location;
}

//--------------------------------------------------------------
deque<glm::vec3> Actor::getLog() {

	return this->log;
}

//--------------------------------------------------------------
void Actor::setColor(ofColor color) {

	this->color = color;
}

//--------------------------------------------------------------
ofColor Actor::getColor() {

	return this->color;
}


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

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

	// 配色デザイン グレイ P.240
	this->color_palette.push_back(ofColor(158, 158, 159));
	this->color_palette.push_back(ofColor(199, 198, 199));
	this->color_palette.push_back(ofColor(228, 227, 226));
	//this->color_palette.push_back(ofColor(113, 112, 115));
	this->color_palette.push_back(ofColor(184, 171, 150));
	this->color_palette.push_back(ofColor(128, 137, 105));
	this->color_palette.push_back(ofColor(192, 143, 87));
	this->color_palette.push_back(ofColor(76, 74, 74));

	ofBackground(ofColor(113, 112, 115));

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 200, true, true, true);
	string word = "SIGN";

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	ofClear(0);
	ofSetColor(0);
	this->font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word) * 0.5);
	fbo.end();
	ofPixels pixels;
	fbo.readToPixels(pixels);

	auto span = 10;
	for (int x = -360; x <= 360; x += span) {

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

			ofColor color = pixels.getColor(x + 360, y + 360);
			if (color != ofColor(0, 0)) {

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

	auto param = span * sqrt(3);
	for (auto& location : this->location_list) {

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

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

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

				next_index.push_back(index);
			}
		}

		this->next_index_list.push_back(next_index);
	}


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

		this->actor_list.push_back(make_unique<Actor>(this->location_list, this->next_index_list, this->destination_list));
		this->actor_list.back()->setColor(this->color_palette[(int)ofRandom(this->color_palette.size())]);
	}
}

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

	int frame_span = 20;
	int prev_index_size = 0;

	if (ofGetFrameNum() % frame_span == 0) {

		prev_index_size = this->destination_list.size();
	}

	for (auto& actor : this->actor_list) {

		actor->update(frame_span, this->location_list, this->next_index_list, this->destination_list);
	}

	if (prev_index_size != 0) {

		this->destination_list.erase(this->destination_list.begin(), this->destination_list.begin() + prev_index_size);
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofSetLineWidth(3);
	for (auto& actor : this->actor_list) {

		ofSetColor(actor->getColor());

		if (actor->getLog().size() > 2) {

			if (actor->getLog()[0] == actor->getLog()[1]) {

				ofFill();
				ofDrawCircle(actor->getLocation(), 3);
			}
			else {

				auto angle = std::atan2(actor->getLog()[0].y - actor->getLog()[1].y, actor->getLog()[0].x - actor->getLog()[1].x);
				auto deg_start = angle * RAD_TO_DEG;

				ofFill();
				ofBeginShape();
				for (int deg = deg_start; deg < deg_start + 360; deg += 120) {

					ofVertex(actor->getLocation() + glm::vec2(5 * cos(deg * DEG_TO_RAD), 5 * sin(deg * DEG_TO_RAD)));
				}
				ofEndShape(true);
			}
		}

		ofNoFill();
		ofBeginShape();
		for (auto& l : actor->getLog()) {

			ofVertex(l);
		}
		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

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

#include "ofApp.h"

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

Actor::Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

this->select_index = ofRandom(location_list.size());

while (true) {

auto itr = find(destination_list.begin(), destination_list.end(), this->select_index);

if (itr == destination_list.end()) {

destination_list.push_back(this->select_index);

break;

}

this->select_index = (this->select_index + 1) % location_list.size();

}

this->next_index = this->select_index;

}

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

void Actor::update(const int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

if (ofGetFrameNum() % frame_span == 0) {

auto tmp_index = this->select_index;

this->select_index = this->next_index;

int retry = next_index_list[this->select_index].size();

this->next_index = next_index_list[this->select_index][(int)ofRandom(next_index_list[this->select_index].size())];

while (--retry > 0) {

auto destination_itr = find(destination_list.begin(), destination_list.end(), this->next_index);

if (destination_itr == destination_list.end()) {

if (tmp_index != this->next_index) {

destination_list.push_back(this->next_index);

break;

}

this->next_index = next_index_list[this->select_index][(this->next_index + 1) % next_index_list[this->select_index].size()];

}

if (retry <= 0) {

destination_list.push_back(this->select_index);

this->next_index = this->select_index;

}

auto param = ofGetFrameNum() % frame_span;

auto distance = location_list[this->next_index] - location_list[this->select_index];

this->location = location_list[this->select_index] + distance / frame_span * param;

this->log.push_front(this->location);

while (this->log.size() > 25) { this->log.pop_back(); }

}

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

glm::vec3 Actor::getLocation() {

return this->location;

}

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

deque<glm::vec3> Actor::getLog() {

return this->log;

}

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

void Actor::setColor(ofColor color) {

this->color = color;

}

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

ofColor Actor::getColor() {

return this->color;

}

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

// 配色デザイングレイ P.240

this->color_palette.push_back(ofColor(158, 158, 159));

this->color_palette.push_back(ofColor(199, 198, 199));

this->color_palette.push_back(ofColor(228, 227, 226));

//this->color_palette.push_back(ofColor(113, 112, 115));

this->color_palette.push_back(ofColor(184, 171, 150));

this->color_palette.push_back(ofColor(128, 137, 105));

this->color_palette.push_back(ofColor(192, 143, 87));

this->color_palette.push_back(ofColor(76, 74, 74));

ofBackground(ofColor(113, 112, 115));

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

string word = "SIGN";

ofFbo fbo;

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

fbo.begin();

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

ofClear(0);

ofSetColor(0);

this->font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word) * 0.5);

fbo.end();

ofPixels pixels;

fbo.readToPixels(pixels);

auto span = 10;

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

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

ofColor color = pixels.getColor(x + 360, y + 360);

if (color != ofColor(0, 0)) {

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

}

auto param = span * sqrt(3);

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

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

int index = -1;

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

index++;

if (location == other) { continue; }

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

if (distance <= param) {

next_index.push_back(index);

}

this->next_index_list.push_back(next_index);

}

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

this->actor_list.push_back(make_unique<Actor>(this->location_list, this->next_index_list, this->destination_list));

this->actor_list.back()->setColor(this->color_palette[(int)ofRandom(this->color_palette.size())]);

}

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

void ofApp::update() {

int frame_span = 20;

int prev_index_size = 0;

if (ofGetFrameNum() % frame_span == 0) {

prev_index_size = this->destination_list.size();

}

for (auto& actor : this->actor_list) {

actor->update(frame_span, this->location_list, this->next_index_list, this->destination_list);

}

if (prev_index_size != 0) {

this->destination_list.erase(this->destination_list.begin(), this->destination_list.begin() + prev_index_size);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofSetLineWidth(3);

for (auto& actor : this->actor_list) {

ofSetColor(actor->getColor());

if (actor->getLog().size() > 2) {

if (actor->getLog()[0] == actor->getLog()[1]) {

ofFill();

ofDrawCircle(actor->getLocation(), 3);

}

else {

auto angle = std::atan2(actor->getLog()[0].y - actor->getLog()[1].y, actor->getLog()[0].x - actor->getLog()[1].x);

auto deg_start = angle * RAD_TO_DEG;

ofFill();

ofBeginShape();

for (int deg = deg_start; deg < deg_start + 360; deg += 120) {

ofVertex(actor->getLocation() + glm::vec2(5 * cos(deg * DEG_TO_RAD), 5 * sin(deg * DEG_TO_RAD)));

}

ofEndShape(true);

}

ofNoFill();

ofBeginShape();

for (auto& l : actor->getLog()) {

ofVertex(l);

}

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年5月4日

Warped character. Draw by openFrameworks

[ Video ]

[ About ]
歪み文字。

Warped character.

[ 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(0);
	ofSetColor(255);
	ofNoFill();
	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 = "JunKiyoshi";
		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);
					auto radius = ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.02)), 0, 1, 60, 360);

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

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

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

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

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

ofSetColor(255);

ofNoFill();

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 = "JunKiyoshi";

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

auto radius = ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.02)), 0, 1, 60, 360);

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

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

}

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

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

}

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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