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

2026年3月2日

Spaghetti ribbon.

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

	ofEasyCam cam;

	vector<glm::vec3> location_list;
	vector<ofColor> base_color_list;

	glm::vec3 noise_seed;
	vector<vector<glm::vec3>> log_list;
	vector<ofColor> color_list;
	vector<float> life_list;
	vector<glm::vec3> param_list;

	ofMesh face, frame;
};

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

glm::vec3 noise_seed;

vector<vector<glm::vec3>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

vector<glm::vec3> param_list;

ofMesh face, frame;

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofEnableDepthTest();

	this->noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

	ofIcoSpherePrimitive ico_sphere = ofIcoSpherePrimitive(300, 3);
	vector<ofMeshFace> triangles = ico_sphere.getMesh().getUniqueFaces();

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

		auto average = (triangles[i].getVertex(0) + triangles[i].getVertex(1) + triangles[i].getVertex(2)) / 3;
		this->location_list.push_back(average);
	}

	ofColor color;
	vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}

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

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

	int span = 100;
	this->face.clear();
	this->frame.clear();

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

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

			vector<glm::vec3> log;
			log.push_back(this->location_list[i]);
			this->log_list.push_back(log);
			this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
			this->life_list.push_back(span);
			glm::vec3 param;
			int p = ofRandom(3);
			if (p < 1) param = glm::vec3(3, 0, 0);
			if (p >= 1 && p < 2) param = glm::vec3(0, 3, 0);
			if (p >= 2 && p < 3) param = glm::vec3(0, 0, 3);
			this->param_list.push_back(param);
		}
	}

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

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

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

			continue;
		}

		auto x = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, this->noise_seed.x + ofGetFrameNum() * 0.008)), 0, 1, -80, 80);
		auto y = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, this->noise_seed.y + ofGetFrameNum() * 0.008)), 0, 1, -80, 80);
		auto z = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, this->noise_seed.z + ofGetFrameNum() * 0.008)), 0, 1, -80, 80);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec3(x, y, z));
	}

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

		auto start_index = this->frame.getNumVertices();
		auto alpha = this->life_list[i] > 30 ? 255 : ofMap(this->life_list[i], 0, 30, 0, 255);
		for (int k = 0; k < this->log_list[i].size(); k++) {

			int index = this->face.getNumVertices();

			this->face.addVertex(this->log_list[i][k] + this->param_list[i]);
			this->face.addVertex(this->log_list[i][k] - this->param_list[i]);
			this->face.addColor(ofColor(this->color_list[i], alpha));
			this->face.addColor(ofColor(this->color_list[i], alpha));

			this->frame.addVertex(this->log_list[i][k] + this->param_list[i]);
			this->frame.addVertex(this->log_list[i][k] - this->param_list[i]);
			this->frame.addColor(ofColor(39, alpha));
			this->frame.addColor(ofColor(39, alpha));

			if (k > 0) {

				this->face.addIndex(index + 0); this->face.addIndex(index - 1); this->face.addIndex(index - 2);
				this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index - 1);

				this->frame.addIndex(index); this->frame.addIndex(index - 2);
				this->frame.addIndex(index + 1); this->frame.addIndex(index - 1);
			}
		}

		this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);
		this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 2);
	}
}

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

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

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

	this->cam.end();

	/*
	// ffmpeg -i img_%04d.jpg aaa.mp4
	int start = 500;
	if (ofGetFrameNum() > start) {

		std::ostringstream os;
		os << std::setw(4) << std::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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

this->noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

ofIcoSpherePrimitive ico_sphere = ofIcoSpherePrimitive(300, 3);

vector<ofMeshFace> triangles = ico_sphere.getMesh().getUniqueFaces();

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

auto average = (triangles[i].getVertex(0) + triangles[i].getVertex(1) + triangles[i].getVertex(2)) / 3;

this->location_list.push_back(average);

}

ofColor color;

vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

}

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

void ofApp::update() {

int span = 100;

this->face.clear();

this->frame.clear();

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

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

vector<glm::vec3> log;

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

this->log_list.push_back(log);

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

this->life_list.push_back(span);

glm::vec3 param;

int p = ofRandom(3);

if (p < 1) param = glm::vec3(3, 0, 0);

if (p >= 1 && p < 2) param = glm::vec3(0, 3, 0);

if (p >= 2 && p < 3) param = glm::vec3(0, 0, 3);

this->param_list.push_back(param);

}

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

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

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

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

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

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

continue;

}

auto x = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, this->noise_seed.x + ofGetFrameNum() * 0.008)), 0, 1, -80, 80);

auto y = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, this->noise_seed.y + ofGetFrameNum() * 0.008)), 0, 1, -80, 80);

auto z = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, this->noise_seed.z + ofGetFrameNum() * 0.008)), 0, 1, -80, 80);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec3(x, y, z));

}

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

auto start_index = this->frame.getNumVertices();

auto alpha = this->life_list[i] > 30 ? 255 : ofMap(this->life_list[i], 0, 30, 0, 255);

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

int index = this->face.getNumVertices();

this->face.addVertex(this->log_list[i][k] + this->param_list[i]);

this->face.addVertex(this->log_list[i][k] - this->param_list[i]);

this->face.addColor(ofColor(this->color_list[i], alpha));

this->frame.addVertex(this->log_list[i][k] + this->param_list[i]);

this->frame.addVertex(this->log_list[i][k] - this->param_list[i]);

this->frame.addColor(ofColor(39, alpha));

if (k > 0) {

this->face.addIndex(index + 0); this->face.addIndex(index - 1); this->face.addIndex(index - 2);

this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index - 1);

this->frame.addIndex(index); this->frame.addIndex(index - 2);

this->frame.addIndex(index + 1); this->frame.addIndex(index - 1);

}

this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);

this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 2);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(ofGetFrameNum() * 1.44);

this->face.drawFaces();

this->frame.draw();

this->cam.end();

// ffmpeg -i img_%04d.jpg aaa.mp4

int start = 500;

if (ofGetFrameNum() > start) {

std::ostringstream os;

os << std::setw(4) << std::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/DoodleDeProgramming/tree/7878bb481b5a3e366ce7994ccbd1e1af9a2a7a59

2026年3月1日2026年3月1日

Super Princess Kaguya was fun.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(39);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->noise_param = ofRandom(1000);
}

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

	this->noise_param += 0.002;
}

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

	ofColor color;
	for (int x = 0; x < ofGetWindowWidth(); x += 1) {

		for (int y = 0; y < ofGetWindowHeight(); y += 1) {

			auto location = glm::vec2(x, y);
			auto noise_value = ofNoise(x * 0.004, y * 0.004, this->noise_param);

			for (float i = 0; i < 10; i += 1) {

				if (noise_value > i * 0.1 + 0.042 && noise_value < i * 0.1 + 0.058) {

					ofSetColor(239);

					ofDrawRectangle(location, 1, 1);
				}
			}
		}
	}

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

		for (int y = 0; y < ofGetWindowHeight(); y += 1) {

			auto location = glm::vec2(x, y);
			auto noise_value = ofNoise(x * 0.004, y * 0.004, this->noise_param);

			for (float i = 0; i < 10; i += 1) {

				if (noise_value > i * 0.1 + 0.048 && noise_value < i * 0.1 + 0.052) {

					color.setHsb(ofMap(i, 0, 10, 0, 255), 255, 255);
					ofSetColor(color);

					ofDrawRectangle(location, 1, 1);
				}
			}
		}
	}

	/*
	// ffmpeg -i img_%04d.jpg aaa.mp4
	int start = 5;
	if (ofGetFrameNum() > start) {

		std::ostringstream os;
		os << std::setw(4) << std::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());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->noise_param = ofRandom(1000);

}

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

void ofApp::update() {

this->noise_param += 0.002;

}

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

void ofApp::draw() {

ofColor color;

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

for (int y = 0; y < ofGetWindowHeight(); y += 1) {

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

auto noise_value = ofNoise(x * 0.004, y * 0.004, this->noise_param);

for (float i = 0; i < 10; i += 1) {

if (noise_value > i * 0.1 + 0.042 && noise_value < i * 0.1 + 0.058) {

ofSetColor(239);

ofDrawRectangle(location, 1, 1);

}

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

for (int y = 0; y < ofGetWindowHeight(); y += 1) {

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

auto noise_value = ofNoise(x * 0.004, y * 0.004, this->noise_param);

for (float i = 0; i < 10; i += 1) {

if (noise_value > i * 0.1 + 0.048 && noise_value < i * 0.1 + 0.052) {

color.setHsb(ofMap(i, 0, 10, 0, 255), 255, 255);

ofSetColor(color);

ofDrawRectangle(location, 1, 1);

}

// ffmpeg -i img_%04d.jpg aaa.mp4

int start = 5;

if (ofGetFrameNum() > start) {

std::ostringstream os;

os << std::setw(4) << std::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/DoodleDeProgramming/tree/7f17bc18d98c7769a8b0a0e8a7a27984bfdadc23

2026年2月28日

I saw Super Princess Kaguya at the theater.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
}

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

}

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

	int span = 60;
	int param = ofGetFrameNum() % 50;
	int deg = param < 25 ? 0 : ofMap(param, 25, 50, 0, 90);

	for (int y = span * 0.5; y < ofGetWindowHeight(); y += span * 2) {

		for (int x = span * 0.5; x < ofGetWindowWidth(); x += span * 2) {

			ofPushMatrix();
			ofTranslate(x, y);

			ofRotate(deg);

			ofDrawRectangle(glm::vec2(), span, span);

			ofPopMatrix();

			ofPushMatrix();
			ofTranslate(x + span, y + span);

			ofRotate(deg);

			ofDrawRectangle(glm::vec2(), span, span);

			ofPopMatrix();

		}
	}

	/*
	// ffmpeg -i img_%04d.jpg aaa.mp4
	int start = 500;
	if (ofGetFrameNum() > start) {

		std::ostringstream os;
		os << std::setw(4) << std::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());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int span = 60;

int param = ofGetFrameNum() % 50;

int deg = param < 25 ? 0 : ofMap(param, 25, 50, 0, 90);

for (int y = span * 0.5; y < ofGetWindowHeight(); y += span * 2) {

for (int x = span * 0.5; x < ofGetWindowWidth(); x += span * 2) {

ofPushMatrix();

ofTranslate(x, y);

ofRotate(deg);

ofDrawRectangle(glm::vec2(), span, span);

ofPopMatrix();

ofPushMatrix();

ofTranslate(x + span, y + span);

ofRotate(deg);

ofDrawRectangle(glm::vec2(), span, span);

ofPopMatrix();

}

// ffmpeg -i img_%04d.jpg aaa.mp4

int start = 500;

if (ofGetFrameNum() > start) {

std::ostringstream os;

os << std::setw(4) << std::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/DoodleDeProgramming/tree/02b5a87a6680501ba1eb4ac617a8cbc907b3668a

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