プログラミング de 落描き – ページ 386 – クリエイティブ・コーディングによる生成物とソース

2022年5月8日

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

	void setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height, glm::vec3 noise_deg, ofColor face_color, ofColor frame_color);

	ofEasyCam cam;
	ofMesh face, frame;

	vector<glm::vec2> location_list;
	vector<glm::vec3> noise_seed_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 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) {};

void setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height, glm::vec3 noise_deg, ofColor face_color, ofColor frame_color);

ofEasyCam cam;

ofMesh face, frame;

vector<glm::vec2> location_list;

vector<glm::vec3> noise_seed_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetLineWidth(2);
	ofEnableDepthTest();

	auto radius = 12;
	auto x_span = radius * sqrt(3);
	auto flg = true;
	for (float y = -650; y < 650; y += radius * 1.5) {

		for (float x = -650; x < 650; x += x_span) {

			glm::vec2 location;
			if (flg) {

				location = glm::vec2(x, y);
			}
			else {

				location = glm::vec2(x + (x_span / 2), y);
			}

			this->location_list.push_back(location);
			this->noise_seed_list.push_back(glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000)));
			this->color_list.push_back(ofColor(0));
		}
		flg = !flg;
	}

	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

//--------------------------------------------------------------
void ofApp::update() {
	
	this->face.clear();
	this->frame.clear();

	auto radius = 12;
	auto height = 5.f;

	// 配色デザイン ビビッドブルー P144
	vector<ofColor> color_palette;
	color_palette.push_back(ofColor(18, 85, 163));
	color_palette.push_back(ofColor(0, 165, 231));
	color_palette.push_back(ofColor(93, 177, 186));
	color_palette.push_back(ofColor(44, 121, 191));
	color_palette.push_back(ofColor(136, 185, 79));
	color_palette.push_back(ofColor(246, 221, 80));
	color_palette.push_back(ofColor(200, 59, 57));
	//color_palette.push_back(ofColor(255, 255, 255)); // gbcolor

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

		auto noise_deg = glm::vec3(
			ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].x + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),
			ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].y + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),
			ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].z + ofGetFrameNum() * 0.05)), 0, 1, -360, 360));

		auto len = glm::length(this->location_list[i]);
		auto param = (ofGetFrameNum() * 10) % 630 - 30;
		auto tmp = abs(len - param);
		if (tmp > 0 && tmp < 30) {

			this->color_list[i] = color_palette[ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.003, ofGetFrameNum() * 0.05)), 0, 1, 0, color_palette.size())];
		}
		else {

			noise_deg *= 0;
		}

		this->setHexagonToMesh(this->face, this->frame, glm::vec3(this->location_list[i], 0), radius, height, noise_deg, this->color_list[i], ofColor(255));
	}
}

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

	this->cam.begin();

	this->face.draw();
	this->frame.draw();

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height, glm::vec3 noise_deg, ofColor face_color, ofColor frame_color) {

	auto rotation_x = glm::rotate(glm::mat4(), noise_deg.x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));
	auto rotation_y = glm::rotate(glm::mat4(), noise_deg.y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
	auto rotation_z = glm::rotate(glm::mat4(), noise_deg.z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

	for (int deg = 90; deg < 450; deg += 60) {

		auto face_radius = radius - 0.5;
		auto face_index = face_target.getNumVertices();

		vector<glm::vec3> vertices;
		vertices.push_back(glm::vec3(0, 0, 0));
		vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(0, 0, height));
		vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), height));

		for (auto& vertex : vertices) {

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

		face_target.addVertices(vertices);

		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);
		face_target.addIndex(face_index + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 4);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

		auto frame_index = frame_target.getNumVertices();

		vertices.clear();
		vertices.push_back(glm::vec3(0, 0, 0));
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(0, 0, height));
		vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height));

		for (auto& vertex : vertices) {

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

		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 2);
		frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 4);

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

			face_target.addColor(face_color);
			frame_target.addColor(frame_color);
		}
	}
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableDepthTest();

auto radius = 12;

auto x_span = radius * sqrt(3);

auto flg = true;

for (float y = -650; y < 650; y += radius * 1.5) {

for (float x = -650; x < 650; x += x_span) {

glm::vec2 location;

if (flg) {

location = glm::vec2(x, y);

}

else {

location = glm::vec2(x + (x_span / 2), y);

}

this->location_list.push_back(location);

this->noise_seed_list.push_back(glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000)));

this->color_list.push_back(ofColor(0));

}

flg = !flg;

}

this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

auto radius = 12;

auto height = 5.f;

// 配色デザインビビッドブルー P144

vector<ofColor> color_palette;

color_palette.push_back(ofColor(18, 85, 163));

color_palette.push_back(ofColor(0, 165, 231));

color_palette.push_back(ofColor(93, 177, 186));

color_palette.push_back(ofColor(44, 121, 191));

color_palette.push_back(ofColor(136, 185, 79));

color_palette.push_back(ofColor(246, 221, 80));

color_palette.push_back(ofColor(200, 59, 57));

//color_palette.push_back(ofColor(255, 255, 255)); // gbcolor

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

auto noise_deg = glm::vec3(

ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].x + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),

ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].y + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),

ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].z + ofGetFrameNum() * 0.05)), 0, 1, -360, 360));

auto len = glm::length(this->location_list[i]);

auto param = (ofGetFrameNum() * 10) % 630 - 30;

auto tmp = abs(len - param);

if (tmp > 0 && tmp < 30) {

this->color_list[i] = color_palette[ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.003, ofGetFrameNum() * 0.05)), 0, 1, 0, color_palette.size())];

}

else {

noise_deg *= 0;

}

this->setHexagonToMesh(this->face, this->frame, glm::vec3(this->location_list[i], 0), radius, height, noise_deg, this->color_list[i], ofColor(255));

}

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

void ofApp::draw() {

this->cam.begin();

this->face.draw();

this->frame.draw();

this->cam.end();

}

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

void ofApp::setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height, glm::vec3 noise_deg, ofColor face_color, ofColor frame_color) {

auto rotation_x = glm::rotate(glm::mat4(), noise_deg.x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), noise_deg.y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), noise_deg.z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

for (int deg = 90; deg < 450; deg += 60) {

auto face_radius = radius - 0.5;

auto face_index = face_target.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(0, 0, 0));

vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(0, 0, height));

vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));

vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), height));

for (auto& vertex : vertices) {

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

}

face_target.addVertices(vertices);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);

face_target.addIndex(face_index + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 4);

face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

auto frame_index = frame_target.getNumVertices();

vertices.clear();

vertices.push_back(glm::vec3(0, 0, 0));

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(0, 0, height));

vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), height));

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height));

for (auto& vertex : vertices) {

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

}

frame_target.addVertices(vertices);

frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 2);

frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);

frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 5);

frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 4);

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

face_target.addColor(face_color);

frame_target.addColor(frame_color);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年5月7日

Fade. Draw by openFrameworks

[ Video ]

[ About ]
Fade font.

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

	vector<glm::vec2> base_location_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) {};

ofTrueTypeFont font;

vector<glm::vec2> base_location_list;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetLineWidth(2);

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

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


}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	string word = "RED";
	auto path_list = font.getStringAsPoints(word, true, false);
	auto param = 90;

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

		for (auto path : path_list) {

			auto outline = path.getOutline();

			ofNoFill();
			ofSetColor(255, 0, 0, ofMap((ofGetFrameNum() + i * 10) % param, 0, param, 255, 0));
			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, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);
					location *= ofMap((ofGetFrameNum() + i * 10) % param, 0, param, 1, 10);
					ofVertex(location);
				}
			}
			ofEndShape(true);


			ofFill();
			ofSetColor(0);
			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, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);
					location *= ofMap((ofGetFrameNum() + i * 10) % param, 0, param, 1, 10);
					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);

ofSetLineWidth(2);

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

string word = "RED";

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

auto param = 90;

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

for (auto path : path_list) {

auto outline = path.getOutline();

ofNoFill();

ofSetColor(255, 0, 0, ofMap((ofGetFrameNum() + i * 10) % param, 0, param, 255, 0));

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

location *= ofMap((ofGetFrameNum() + i * 10) % param, 0, param, 1, 10);

ofVertex(location);

}

ofEndShape(true);

ofFill();

ofSetColor(0);

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

location *= ofMap((ofGetFrameNum() + i * 10) % param, 0, param, 1, 10);

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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

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