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

2025年12月20日

Flow on circle.

[ 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<glm::vec2> location_list;
	vector<int> life_list;

	float noise_value;
};

#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<glm::vec2> location_list;

vector<int> life_list;

float noise_value;

};

#include "ofApp.h"

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

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

	ofBackground(239);
}

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

	if (ofGetFrameNum() % 75 < 15) {

		this->noise_value = ofRandom(1000);
	}

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

		this->location_list.push_back(glm::vec2(ofRandom(-360, 360), ofRandom(-360, 360)));
		this->life_list.push_back(0);
	}

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

		if (this->life_list[i] > 100) {

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

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

		auto deg = ofMap(ofNoise(this->location_list[i].x * 0.002, this->location_list[i].y * 0.002, this->noise_value), 0, 1, -360, 360);
		auto next = this->location_list[i] + glm::vec2(5 * cos(deg * DEG_TO_RAD), 5 * sin(deg * DEG_TO_RAD));
		next = glm::length(next) > 280 ? glm::normalize(next) * 280 : next;
		this->location_list[i] = next;
		this->life_list[i] += 1;
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

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

		auto size = this->life_list[i] < 30 ? ofMap(this->life_list[i], 0, 30, 0, 4) : 4;
		ofDrawCircle(this->location_list[i], size);
	}

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

		auto size = this->life_list[i] < 30 ? ofMap(this->life_list[i], 0, 30, 0, 4) : 4;
		ofDrawCircle(this->location_list[i], size * 0.4);
	}

	/*
	// ffmpeg -i img_%04d.jpg aaa.mp4
	int start = 750;
	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);

}

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

void ofApp::update() {

if (ofGetFrameNum() % 75 < 15) {

this->noise_value = ofRandom(1000);

}

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

this->location_list.push_back(glm::vec2(ofRandom(-360, 360), ofRandom(-360, 360)));

this->life_list.push_back(0);

}

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

if (this->life_list[i] > 100) {

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

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

}

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

auto deg = ofMap(ofNoise(this->location_list[i].x * 0.002, this->location_list[i].y * 0.002, this->noise_value), 0, 1, -360, 360);

auto next = this->location_list[i] + glm::vec2(5 * cos(deg * DEG_TO_RAD), 5 * sin(deg * DEG_TO_RAD));

next = glm::length(next) > 280 ? glm::normalize(next) * 280 : next;

this->location_list[i] = next;

this->life_list[i] += 1;

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofSetColor(0);

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

auto size = this->life_list[i] < 30 ? ofMap(this->life_list[i], 0, 30, 0, 4) : 4;

ofDrawCircle(this->location_list[i], size);

}

ofSetColor(255);

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

auto size = this->life_list[i] < 30 ? ofMap(this->life_list[i], 0, 30, 0, 4) : 4;

ofDrawCircle(this->location_list[i], size * 0.4);

}

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

int start = 750;

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

2025年12月19日

Split circle.

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

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

};

#include "ofApp.h"

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

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

	ofBackground(39);
	ofEnableDepthTest();
}

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

}

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

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

	float R = 230;
	float r = 10;
	float u_span = 5;

	ofMesh face, line;
	line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

	float v_span = 2;
	for (float v_start = 0; v_start < 360; v_start += v_span) {

		int v_end = v_start + v_span;
		float span = 0.5;

		r = ofMap(ofNoise(cos(v_start * DEG_TO_RAD) * 2, sin(v_start * DEG_TO_RAD) * 2, ofGetFrameNum() * 0.02), 0, 1, R * -0.5, R * 0.5);

		for (float v = v_start; v <= v_end; v += span) {

			for (int u = 0; u < 360; u += u_span) {

				face.addVertex(this->make_point(R, r, u - u_span * 0.5, v - span * 0.5));
				face.addVertex(this->make_point(R, r, u + u_span * 0.5, v - span * 0.5));
				face.addVertex(this->make_point(R, r, u + u_span * 0.5, v + span * 0.5));
				face.addVertex(this->make_point(R, r, u - u_span * 0.5, v + span * 0.5));

				line.addVertex(this->make_point(R, r, u - u_span * 0.51, v - span * 0.51));
				line.addVertex(this->make_point(R, r, u + u_span * 0.51, v - span * 0.51));
				line.addVertex(this->make_point(R, r, u + u_span * 0.51, v + span * 0.51));
				line.addVertex(this->make_point(R, r, u - u_span * 0.51, v + span * 0.51));

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

					face.addColor(ofColor(39));
					line.addColor(ofColor(239));
				}

				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 3);
				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

				if (v == v_start) {

					line.addIndex(line.getNumVertices() - 3); line.addIndex(line.getNumVertices() - 4);
				}

				if (v == v_end) {

					line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);
				}
			}
		}
	}

	face.draw();
	line.drawWireframe();

	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);
		}
	}
	*/
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 1.44);

float R = 230;

float r = 10;

float u_span = 5;

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

float v_span = 2;

for (float v_start = 0; v_start < 360; v_start += v_span) {

int v_end = v_start + v_span;

float span = 0.5;

r = ofMap(ofNoise(cos(v_start * DEG_TO_RAD) * 2, sin(v_start * DEG_TO_RAD) * 2, ofGetFrameNum() * 0.02), 0, 1, R * -0.5, R * 0.5);

for (float v = v_start; v <= v_end; v += span) {

for (int u = 0; u < 360; u += u_span) {

face.addVertex(this->make_point(R, r, u - u_span * 0.5, v - span * 0.5));

face.addVertex(this->make_point(R, r, u + u_span * 0.5, v - span * 0.5));

face.addVertex(this->make_point(R, r, u + u_span * 0.5, v + span * 0.5));

face.addVertex(this->make_point(R, r, u - u_span * 0.5, v + span * 0.5));

line.addVertex(this->make_point(R, r, u - u_span * 0.51, v - span * 0.51));

line.addVertex(this->make_point(R, r, u + u_span * 0.51, v - span * 0.51));

line.addVertex(this->make_point(R, r, u + u_span * 0.51, v + span * 0.51));

line.addVertex(this->make_point(R, r, u - u_span * 0.51, v + span * 0.51));

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

face.addColor(ofColor(39));

line.addColor(ofColor(239));

}

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 3);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

if (v == v_start) {

line.addIndex(line.getNumVertices() - 3); line.addIndex(line.getNumVertices() - 4);

}

if (v == v_end) {

line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);

}

face.draw();

line.drawWireframe();

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

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/DoodleDeProgramming/tree/15c9a52c7644c548f0114fd0811e5bdd3c005468

2025年12月18日2025年12月18日

Circle by rings.

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

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

}

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

	this->cam.begin();
	ofRotateX(360 - 60);

	float R = 230;
	float r = 10;
	float u_span = 5;

	ofMesh face, line;
	line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

	float v_span = 0.5;
	for (float v_start = 0; v_start < 360; v_start += v_span) {

		int v_end = v_start + v_span;
		float span = 0.5;

		r = ofMap(ofNoise(cos(v_start * DEG_TO_RAD) * 100, sin(v_start * DEG_TO_RAD) * 100, ofGetFrameNum() * 0.02), 0, 1, R * -0.5, R * 0.5);

		for (float v = v_start; v <= v_end; v += span) {

			for (int u = 0; u < 360; u += u_span) {

				face.addVertex(this->make_point(R, r, u - u_span * 0.5, v - span * 0.5));
				face.addVertex(this->make_point(R, r, u + u_span * 0.5, v - span * 0.5));
				face.addVertex(this->make_point(R, r, u + u_span * 0.5, v + span * 0.5));
				face.addVertex(this->make_point(R, r, u - u_span * 0.5, v + span * 0.5));

				line.addVertex(this->make_point(R, r, u - u_span * 0.51, v - span * 0.51));
				line.addVertex(this->make_point(R, r, u + u_span * 0.51, v - span * 0.51));
				line.addVertex(this->make_point(R, r, u + u_span * 0.51, v + span * 0.51));
				line.addVertex(this->make_point(R, r, u - u_span * 0.51, v + span * 0.51));

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

					face.addColor(ofColor(239));
					line.addColor(ofColor(39));
				}

				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 3);
				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

				if (v == v_start) {

					line.addIndex(line.getNumVertices() - 3); line.addIndex(line.getNumVertices() - 4);
				}

				if (v == v_end) {

					line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 2);
				}
			}
		}
	}

	face.draw();
	line.drawWireframe();

	this->cam.end();

	/*
	// ffmpeg -i img_%04d.jpg aaa.mp4
	int start = 300;
	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);
		}
	}
	*/
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(360 - 60);

float R = 230;

float r = 10;

float u_span = 5;

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

float v_span = 0.5;

for (float v_start = 0; v_start < 360; v_start += v_span) {

int v_end = v_start + v_span;

float span = 0.5;

r = ofMap(ofNoise(cos(v_start * DEG_TO_RAD) * 100, sin(v_start * DEG_TO_RAD) * 100, ofGetFrameNum() * 0.02), 0, 1, R * -0.5, R * 0.5);