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

2024年11月9日2024年11月9日

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

本日より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月8日2024年11月9日

anthology();

[ Video ]

[ About ]
anthology();

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

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

ofEasyCam cam;

ofTrueTypeFont font;

int font_size;

vector<char> charactor_list;

};

#include "ofApp.h"

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

	ofSetWindowTitle("openFrameworks");
	ofSetFrameRate(25);

	ofBackground(239);
	ofSetColor(0);
	ofSetLineWidth(2);

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

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

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

	ofSeedRandom(39);
}

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

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

	int sample_count = 180;

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

		for (int y = -288; y <= 288; y += 72) {

			ofPath path = this->font.getCharacterAsPoints(this->charactor_list[(x + 360) / 60], true, false);
			vector<ofPolyline> outline = path.getOutline();
			int frame_param = (x + 360) * -0.25 + (y + 288) * -2 + ofGetFrameNum() * 6 + 15000;

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

				outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);
				vector<glm::vec3> vertices = outline[outline_index].getVertices();

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

					glm::vec3 vertex = glm::vec3(x + 18, y + 27, 0) + glm::vec3(vertices[vertices_index].x, vertices[vertices_index].y, vertices[vertices_index].z);

					if (frame_param % (sample_count * 2) < sample_count) {

						if (vertices_index < frame_param % sample_count) {

							ofVertex(vertex);
						}
					}
					else {

						if (vertices_index > frame_param % sample_count) {

							ofVertex(vertex);
						}
					}

					if (vertices_index == frame_param % sample_count) {

						ofFill();
						ofDrawSphere(vertex, 2);
						ofNoFill();
					}

				}
				ofEndShape();
			}

		}
	}

	this->cam.end();

	/*
	int start = 250;
	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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(25);

ofBackground(239);

ofSetColor(0);

ofSetLineWidth(2);

this->font_size = 50;

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

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

int sample_count = 180;

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

for (int y = -288; y <= 288; y += 72) {

ofPath path = this->font.getCharacterAsPoints(this->charactor_list[(x + 360) / 60], true, false);

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

int frame_param = (x + 360) * -0.25 + (y + 288) * -2 + ofGetFrameNum() * 6 + 15000;

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

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

vector<glm::vec3> vertices = outline[outline_index].getVertices();

ofBeginShape();

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

glm::vec3 vertex = glm::vec3(x + 18, y + 27, 0) + glm::vec3(vertices[vertices_index].x, vertices[vertices_index].y, vertices[vertices_index].z);

if (frame_param % (sample_count * 2) < sample_count) {

if (vertices_index < frame_param % sample_count) {

ofVertex(vertex);

}

else {

if (vertices_index > frame_param % sample_count) {

ofVertex(vertex);

}

if (vertices_index == frame_param % sample_count) {

ofFill();

ofDrawSphere(vertex, 2);

ofNoFill();

}

ofEndShape();

}

this->cam.end();

int start = 250;

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2024年11月7日

Compare parameter change.

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

	float noise_param_1, noise_param_2;

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

float noise_param_1, noise_param_2;

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(25);
	ofSetWindowTitle("openFrameworks");

	ofBackground(39);
	ofSetColor(239);
	ofEnableDepthTest();

	this->noise_param_1 = ofRandom(1000);
	this->noise_param_2 = ofRandom(1000);

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

}

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

	this->noise_param_1 += 0.025 * 2;

	if (ofGetFrameNum() % 50 < 20) {

		this->noise_param_2 += ofMap(ofGetFrameNum() % 50, 0, 20, 0.2, 0);
	}
}

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

	ofPushMatrix();
	ofTranslate(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.25);

	ofSetColor(239);
	ofSetLineWidth(3);
	ofNoFill();

	auto tmp_noise_param = this->noise_param_1;

	ofBeginShape();
	for (int x = 0; x <= 330; x += 1) {

		auto y = ofMap(ofNoise(tmp_noise_param), 0, 1, -100, 100);
		ofVertex(x, y);

		tmp_noise_param += 0.025;
	}
	ofEndShape();

	ofDrawLine(glm::vec2(0, -100), glm::vec2(0, 100));
	ofDrawLine(glm::vec2(330, -100), glm::vec2(330, 100));

	auto y = ofMap(ofNoise(this->noise_param_1), 0, 1, -100, 100);
	ofFill();
	ofDrawCircle(0, y, 8);

	ofTranslate(-180, 0);
	ofSetColor(239);
	ofSetLineWidth(1.5);

	int noise_value = ofNoise(this->noise_param_1) * 100;
	this->font.drawString("0." + to_string(noise_value), -50, 20);

	tmp_noise_param = this->noise_param_1;
	for (int x = 0; x <= 10; x += 1) {

		auto deg = ofMap(ofNoise(tmp_noise_param), 0, 1, -180, 180);
		ofDrawCircle(glm::vec2(120 * cos(deg * DEG_TO_RAD), 120 * sin(deg * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));
		ofDrawCircle(glm::vec2(120 * cos((deg + 180) * DEG_TO_RAD), 120 * sin((deg + 180) * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));

		tmp_noise_param += 0.025;
	}

	ofPopMatrix();

	ofPushMatrix();
	ofTranslate(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.75);

	ofSetColor(239);
	ofSetLineWidth(3);
	ofNoFill();

	tmp_noise_param = this->noise_param_2;

	ofBeginShape();
	for (int x = 0; x <= 330; x += 1) {

		if (x > 0 && (ofGetFrameNum() + x) % 50 < 20) {

			tmp_noise_param += ofMap((ofGetFrameNum() + x) % 50, 0, 20, 0.2, 0);
		}

		y = ofMap(ofNoise(tmp_noise_param), 0, 1, -100, 100);
		ofVertex(x, y);
	}
	ofEndShape();

	ofDrawLine(glm::vec2(0, -100), glm::vec2(0, 100));
	ofDrawLine(glm::vec2(330, -100), glm::vec2(330, 100));

	y = ofMap(ofNoise(this->noise_param_2), 0, 1, -100, 100);
	ofFill();
	ofDrawCircle(0, y, 8);

	ofTranslate(-180, 0);
	ofSetColor(239);
	ofSetLineWidth(1.5);

	noise_value = ofNoise(this->noise_param_2) * 100;
	this->font.drawString("0." + to_string(noise_value), -50, 20);

	tmp_noise_param = this->noise_param_2;
	for (int x = 0; x <= 10; x += 1) {
	
		tmp_noise_param += 0.025;

		auto deg = ofMap(ofNoise(tmp_noise_param), 0, 1, -180, 180);
		ofDrawCircle(glm::vec2(120 * cos(deg * DEG_TO_RAD), 120 * sin(deg * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));
		ofDrawCircle(glm::vec2(120 * cos((deg + 180) * DEG_TO_RAD), 120 * sin((deg + 180) * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));
	}

	ofPopMatrix();

	/*
	int start = 1;
	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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofSetColor(239);

ofEnableDepthTest();

this->noise_param_1 = ofRandom(1000);

this->noise_param_2 = ofRandom(1000);

this->font_size = 40;

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

}

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

void ofApp::update() {

this->noise_param_1 += 0.025 * 2;

if (ofGetFrameNum() % 50 < 20) {

this->noise_param_2 += ofMap(ofGetFrameNum() % 50, 0, 20, 0.2, 0);

}

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

void ofApp::draw() {

ofPushMatrix();

ofTranslate(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.25);

ofSetColor(239);

ofSetLineWidth(3);

ofNoFill();

auto tmp_noise_param = this->noise_param_1;

ofBeginShape();

for (int x = 0; x <= 330; x += 1) {

auto y = ofMap(ofNoise(tmp_noise_param), 0, 1, -100, 100);

ofVertex(x, y);

tmp_noise_param += 0.025;

}

ofEndShape();

ofDrawLine(glm::vec2(0, -100), glm::vec2(0, 100));

ofDrawLine(glm::vec2(330, -100), glm::vec2(330, 100));

auto y = ofMap(ofNoise(this->noise_param_1), 0, 1, -100, 100);

ofFill();

ofDrawCircle(0, y, 8);

ofTranslate(-180, 0);

ofSetColor(239);

ofSetLineWidth(1.5);

int noise_value = ofNoise(this->noise_param_1) * 100;

this->font.drawString("0." + to_string(noise_value), -50, 20);

tmp_noise_param = this->noise_param_1;

for (int x = 0; x <= 10; x += 1) {

auto deg = ofMap(ofNoise(tmp_noise_param), 0, 1, -180, 180);

ofDrawCircle(glm::vec2(120 * cos(deg * DEG_TO_RAD), 120 * sin(deg * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));

ofDrawCircle(glm::vec2(120 * cos((deg + 180) * DEG_TO_RAD), 120 * sin((deg + 180) * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));

tmp_noise_param += 0.025;

}

ofPopMatrix();

ofPushMatrix();

ofTranslate(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.75);

ofSetColor(239);

ofSetLineWidth(3);

ofNoFill();

tmp_noise_param = this->noise_param_2;

ofBeginShape();

for (int x = 0; x <= 330; x += 1) {

if (x > 0 && (ofGetFrameNum() + x) % 50 < 20) {

tmp_noise_param += ofMap((ofGetFrameNum() + x) % 50, 0, 20, 0.2, 0);

}

y = ofMap(ofNoise(tmp_noise_param), 0, 1, -100, 100);

ofVertex(x, y);

}

ofEndShape();

ofDrawLine(glm::vec2(0, -100), glm::vec2(0, 100));

ofDrawLine(glm::vec2(330, -100), glm::vec2(330, 100));

y = ofMap(ofNoise(this->noise_param_2), 0, 1, -100, 100);

ofFill();

ofDrawCircle(0, y, 8);

ofTranslate(-180, 0);

ofSetColor(239);

ofSetLineWidth(1.5);

noise_value = ofNoise(this->noise_param_2) * 100;

this->font.drawString("0." + to_string(noise_value), -50, 20);

tmp_noise_param = this->noise_param_2;

for (int x = 0; x <= 10; x += 1) {

tmp_noise_param += 0.025;

auto deg = ofMap(ofNoise(tmp_noise_param), 0, 1, -180, 180);

ofDrawCircle(glm::vec2(120 * cos(deg * DEG_TO_RAD), 120 * sin(deg * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));

ofDrawCircle(glm::vec2(120 * cos((deg + 180) * DEG_TO_RAD), 120 * sin((deg + 180) * DEG_TO_RAD)), ofMap(x, 10, 0, 5, 0));

}

ofPopMatrix();

int start = 1;

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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