2024年11月9日 – プログラミング de 落描き

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

	vector<vector<glm::vec2>> log_list;
	vector<glm::vec2> velocity_list;
	vector<float> noise_seed_list;
	vector<int> index_list;

	ofTrueTypeFont font;
	int font_size;
	vector<char> charactor_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) {};

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

vector<glm::vec2> velocity_list;

vector<float> noise_seed_list;

vector<int> index_list;

ofTrueTypeFont font;

int font_size;

vector<char> charactor_list;

};

#include "ofApp.h"

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

	ofSetFrameRate(25);
	ofSetWindowTitle("openframeworks");

	ofBackground(39);

	this->font_size = 50;
	this->font.loadFont("fonts/msgothic.ttc", this->font_size, true, true, true);

	this->charactor_list = { ';', ')', '(', 'y', 'g', 'o', 'l', 'o', 'h', 't', 'n', 'a' };
}

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

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

		int deg = ofGetFrameNum() * 2 + i * 120;
		int next_deg = ofGetFrameNum() * 2 + i * 120 + 1;

		auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		auto next = glm::vec2(radius * cos(next_deg * DEG_TO_RAD), radius * sin(next_deg * DEG_TO_RAD));

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

			vector<glm::vec2> log;
			log.push_back(location);
			this->log_list.push_back(log);

			auto deg = glm::atan(next.y - location.y, next.x - location.x) * RAD_TO_DEG + 180 + ofRandom(-30, 30);
			glm::vec2 velocity = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));
			this->velocity_list.push_back(velocity);

			this->noise_seed_list.push_back(ofRandom(1000));

			this->index_list.push_back((ofGetFrameNum() / 2) % this->charactor_list.size());
		}
	}

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

		auto future = this->velocity_list[i] * 200;
		auto random_deg = ofMap(ofNoise(glm::vec2(this->noise_seed_list[i], ofGetFrameNum() * 0.01)), 0, 1, -30, 30);
		future += glm::vec2(10 * cos(random_deg * DEG_TO_RAD), 10 * sin(random_deg * DEG_TO_RAD));

		auto next = this->log_list[i].back() + glm::normalize(future) * 10;
		this->log_list[i].push_back(next);

		if (this->log_list[i].size() > 50) {

			this->log_list.erase(this->log_list.begin() + i);
			this->velocity_list.erase(this->velocity_list.begin() + i);
			this->noise_seed_list.erase(this->noise_seed_list.begin() + i);
			this->index_list.erase(this->index_list.begin() + i);
		}
	}
}

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

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

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

		ofPushMatrix();
		ofTranslate(this->log_list[i].back());

		auto rad = atan2(this->velocity_list[i].y, this->velocity_list[i].x);
		ofRotate(rad * RAD_TO_DEG + 270);
		
		ofPath path = this->font.getCharacterAsPoints(this->charactor_list[this->index_list[i]], true, false);
		vector<ofPolyline> outline = path.getOutline();

		ofFill();
		ofSetColor(this->log_list[i].size() < 10 ? 255 : ofMap(this->log_list[i].size(), 10, 50, 255, 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(200).getVertices();
			for (auto& vertex : vertices) {

				auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 330);
				ofVertex(location);
			}
		}
		ofEndShape(true);


		ofPopMatrix();
	}

	/*
	int start = 50;
	if (ofGetFrameNum() > start) {

		ostringstream os;
		os << setw(4) << setfill('0') << ofGetFrameNum() - start;
		ofImage image;
		image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
		image.saveImage("image/cap/img_" + os.str() + ".jpg");
		if (ofGetFrameNum() - start >= 25 * 20) {

			std::exit(1);
		}
	}
	*/
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openframeworks");

ofBackground(39);

this->font_size = 50;

this->font.loadFont("fonts/msgothic.ttc", this->font_size, true, true, true);

this->charactor_list = { ';', ')', '(', 'y', 'g', 'o', 'l', 'o', 'h', 't', 'n', 'a' };

}

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

void ofApp::update() {

float radius = 280;

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

int deg = ofGetFrameNum() * 2 + i * 120;

int next_deg = ofGetFrameNum() * 2 + i * 120 + 1;

auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

auto next = glm::vec2(radius * cos(next_deg * DEG_TO_RAD), radius * sin(next_deg * DEG_TO_RAD));

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

vector<glm::vec2> log;

log.push_back(location);

this->log_list.push_back(log);

auto deg = glm::atan(next.y - location.y, next.x - location.x) * RAD_TO_DEG + 180 + ofRandom(-30, 30);

glm::vec2 velocity = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));

this->velocity_list.push_back(velocity);

this->noise_seed_list.push_back(ofRandom(1000));

this->index_list.push_back((ofGetFrameNum() / 2) % this->charactor_list.size());

}

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

auto future = this->velocity_list[i] * 200;

auto random_deg = ofMap(ofNoise(glm::vec2(this->noise_seed_list[i], ofGetFrameNum() * 0.01)), 0, 1, -30, 30);

future += glm::vec2(10 * cos(random_deg * DEG_TO_RAD), 10 * sin(random_deg * DEG_TO_RAD));

auto next = this->log_list[i].back() + glm::normalize(future) * 10;

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

if (this->log_list[i].size() > 50) {

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

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

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

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

}

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

void ofApp::draw() {

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

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

ofPushMatrix();

ofTranslate(this->log_list[i].back());

auto rad = atan2(this->velocity_list[i].y, this->velocity_list[i].x);

ofRotate(rad * RAD_TO_DEG + 270);

ofPath path = this->font.getCharacterAsPoints(this->charactor_list[this->index_list[i]], true, false);

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

ofFill();

ofSetColor(this->log_list[i].size() < 10 ? 255 : ofMap(this->log_list[i].size(), 10, 50, 255, 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(200).getVertices();

for (auto& vertex : vertices) {

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

ofVertex(location);

}

ofEndShape(true);

ofPopMatrix();

}

int start = 50;

if (ofGetFrameNum() > start) {

ostringstream os;

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

ofImage image;

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

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

if (ofGetFrameNum() - start >= 25 * 20) {

std::exit(1);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

本日よりICHINOMIYA ART WALKⅡ企画展「anthology();」が開催されました！
メイン会場のCulturalSpace生存で私の日々の投稿している動画が3つの大きなスクリーンへ投影されています。

今回の展示されている動画は、2023年6月から2024年10月までの519日分の投稿を20秒づつ繋げたものになっています。
519(日) × 20(秒) = 10,380(秒) となっており、全編では173分(2時間53分)の長編となっております。

私の日々の取り組みを、そのままダイレクトに感じられる展示会になっており、JunKiyoshiを浴びる・JunKiyoshiに浸るという感覚を味わって頂けるのではないでしょうか。

また、会場には来場者さんに触って頂けるPCが設置してあり、本ブログを見える状態にして貰っています。

「プログラミングで動画を作っています」と読んだり・聞いたりしても、なかなかイメージが湧かない方も多くいらっしゃると思いましたので、ソースコードを眺めて頂いて雰囲気などを感じて頂ければと思っております。

またまた、動画のすべてのソースコードを閲覧する事が出来ますので、シゲシゲと「こうやってやるんだー」と眺めて頂きつつ、Creative Codingの沼へずぶずぶと沈んでいくキッカケの一つになれば超うれしいです。

実は全然アートな人ではない私ですが、今回、CulturalSpace生存のワタナベさんに展示会のお声がけを頂き、「流せる動画は全部流したい」「ソースコードを見えるようにしたい」などという私のワガママを、全部「いいですね」と対応して頂き、個人的に「死ぬまでぐらいにいつか出来ればいいなー」と薄っすらと考えていた展示会は、あれよあれよと実現する事が出来ました。改めて素晴らしい機会を頂き、お礼を申しあげます。ありがとうございます。

先日、40歳を迎え「自分の人生は今後どうするべきか」などと柄にも無く考えてしまうのですが、いづれにしても今回の出来事は私の人生のマイルストーンとなり、価値観に大きな影響を与えると思っています。もし、会場でご覧頂けた方におかれましては、会った時やSNSなどでご感想を頂けると大変、うれしいです。

イベントは11月17日(日)まで開催されており、11月16日(土)はほかの作家さんの展示やマーケットイベント『Omnibus』も開催され、一番の賑わいになるようです。

是非。

[ほしいものリスト]
Amazon

[ Sponsor Link ]

日: 2024年11月9日

Text Generator.

展覧会がスタートしました

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