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

2025年10月30日

RGB Circles.

[ 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(39);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

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

	auto size = 20;
	auto base_radius = 400;
	auto noise_seed = ofRandom(1000);

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

		color.setHsb(ofMap(i, 0, 3, 0, 255), 180, 255);
		noise_seed += 0.05;

		for (int deg = 0; deg < 360; deg += 6) {

			auto base_location = glm::vec2(base_radius * cos(deg * DEG_TO_RAD), base_radius * sin(deg * DEG_TO_RAD));

			auto base_noise_value = ofNoise(glm::vec4(noise_seed, base_location * 0.01, ofGetFrameNum() * 0.025));
			auto prev_base_noise_value = ofNoise(glm::vec4(noise_seed, base_location * 0.01, (ofGetFrameNum() - 1) * 0.025));

			auto radius = base_radius * 0.5;
			auto prev_radius = base_radius * 0.5;

			if (base_noise_value < 0.45) { radius = ofMap(base_noise_value, 0, 0.45, base_radius * 0, base_radius * 0.5); }
			else if (base_noise_value > 0.55) { radius = ofMap(base_noise_value, 0.55, 1, base_radius * 0.5, base_radius * 0.9); }

			if (prev_base_noise_value < 0.45) { prev_radius = ofMap(prev_base_noise_value, 0, 0.45, base_radius * 0, base_radius * 0.5); }
			else if (prev_base_noise_value > 0.55) { prev_radius = ofMap(prev_base_noise_value, 0.55, 1, base_radius * 0.5, base_radius * 0.9); }

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

			if (location == prev_location) {

				ofFill();
				ofSetColor(ofColor(color, 200));
				ofDrawCircle(prev_location, size * 0.5);
			}
			else {

				ofFill();
				ofSetColor(ofColor(color, 128));
				ofDrawCircle(location, radius < base_radius * 0.5 ? ofMap(radius, 3, base_radius * 0.5, 0, size * 0.5) : size * 0.5);

				ofNoFill();
				ofSetColor(color);
				ofDrawCircle(location, radius < base_radius * 0.5 ? ofMap(radius, 3, base_radius * 0.5, 0, size * 0.5) : size * 0.5);
			}
		}
	}

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

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

auto size = 20;

auto base_radius = 400;

auto noise_seed = ofRandom(1000);

ofColor color;

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

color.setHsb(ofMap(i, 0, 3, 0, 255), 180, 255);

noise_seed += 0.05;

for (int deg = 0; deg < 360; deg += 6) {

auto base_location = glm::vec2(base_radius * cos(deg * DEG_TO_RAD), base_radius * sin(deg * DEG_TO_RAD));

auto base_noise_value = ofNoise(glm::vec4(noise_seed, base_location * 0.01, ofGetFrameNum() * 0.025));

auto prev_base_noise_value = ofNoise(glm::vec4(noise_seed, base_location * 0.01, (ofGetFrameNum() - 1) * 0.025));

auto radius = base_radius * 0.5;

auto prev_radius = base_radius * 0.5;

if (base_noise_value < 0.45) { radius = ofMap(base_noise_value, 0, 0.45, base_radius * 0, base_radius * 0.5); }

else if (base_noise_value > 0.55) { radius = ofMap(base_noise_value, 0.55, 1, base_radius * 0.5, base_radius * 0.9); }

if (prev_base_noise_value < 0.45) { prev_radius = ofMap(prev_base_noise_value, 0, 0.45, base_radius * 0, base_radius * 0.5); }

else if (prev_base_noise_value > 0.55) { prev_radius = ofMap(prev_base_noise_value, 0.55, 1, base_radius * 0.5, base_radius * 0.9); }

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

auto prev_location = glm::vec2(prev_radius * cos(deg * DEG_TO_RAD), prev_radius * sin(deg * DEG_TO_RAD));

if (location == prev_location) {

ofFill();

ofSetColor(ofColor(color, 200));

ofDrawCircle(prev_location, size * 0.5);

}

else {

ofFill();

ofSetColor(ofColor(color, 128));

ofDrawCircle(location, radius < base_radius * 0.5 ? ofMap(radius, 3, base_radius * 0.5, 0, size * 0.5) : size * 0.5);

ofNoFill();

ofSetColor(color);

ofDrawCircle(location, radius < base_radius * 0.5 ? ofMap(radius, 3, base_radius * 0.5, 0, size * 0.5) : size * 0.5);

}

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

int start = 450;

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

2025年10月29日

Arrows and circles.

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

	void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);
};

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

void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);

};

#include "ofApp.h"

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

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

	ofBackground(239);
}

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

}

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

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

	auto size = 20;
	auto base_radius = 400;

	for (int deg = 0; deg < 360; deg += 6) {

		auto base_location = glm::vec2(base_radius * cos(deg * DEG_TO_RAD), base_radius * sin(deg * DEG_TO_RAD));

		auto base_noise_value = ofNoise(glm::vec3(base_location * 0.008, ofGetFrameNum() * 0.025));
		auto prev_base_noise_value = ofNoise(glm::vec3(base_location * 0.008, (ofGetFrameNum() - 1) * 0.025));

		auto radius = base_radius * 0.5;
		auto prev_radius = base_radius * 0.5;

		if (base_noise_value < 0.3) { radius = ofMap(base_noise_value, 0, 0.3, base_radius * 0, base_radius * 0.5); }
		else if (base_noise_value > 0.7) { radius = ofMap(base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

		if (prev_base_noise_value < 0.3) { prev_radius = ofMap(prev_base_noise_value, 0, 0.3, base_radius * 0, base_radius * 0.5); }
		else if (prev_base_noise_value > 0.7) { prev_radius = ofMap(prev_base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

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

		if (location == prev_location) {

			ofFill();
			ofSetColor(39);
			ofDrawCircle(prev_location, size * 0.5);
		}
		else {

			this->draw_arrow(prev_location, location, radius < base_radius * 0.5 ? ofMap(radius, 3, base_radius * 0.5, 0, size) : size, ofColor(39), ofColor(239));
		}
	}

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

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);

	ofSetColor(fill_color);
	ofFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofSetColor(no_fill_color);
	ofNoFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofEndShape();
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

auto size = 20;

auto base_radius = 400;

for (int deg = 0; deg < 360; deg += 6) {

auto base_location = glm::vec2(base_radius * cos(deg * DEG_TO_RAD), base_radius * sin(deg * DEG_TO_RAD));

auto base_noise_value = ofNoise(glm::vec3(base_location * 0.008, ofGetFrameNum() * 0.025));

auto prev_base_noise_value = ofNoise(glm::vec3(base_location * 0.008, (ofGetFrameNum() - 1) * 0.025));

auto radius = base_radius * 0.5;

auto prev_radius = base_radius * 0.5;

if (base_noise_value < 0.3) { radius = ofMap(base_noise_value, 0, 0.3, base_radius * 0, base_radius * 0.5); }

else if (base_noise_value > 0.7) { radius = ofMap(base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

if (prev_base_noise_value < 0.3) { prev_radius = ofMap(prev_base_noise_value, 0, 0.3, base_radius * 0, base_radius * 0.5); }

else if (prev_base_noise_value > 0.7) { prev_radius = ofMap(prev_base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

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

auto prev_location = glm::vec2(prev_radius * cos(deg * DEG_TO_RAD), prev_radius * sin(deg * DEG_TO_RAD));

if (location == prev_location) {

ofFill();

ofSetColor(39);

ofDrawCircle(prev_location, size * 0.5);

}

else {

this->draw_arrow(prev_location, location, radius < base_radius * 0.5 ? ofMap(radius, 3, base_radius * 0.5, 0, size) : size, ofColor(39), ofColor(239));

}

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

int start = 450;

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

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

ofSetColor(fill_color);

ofFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofSetColor(no_fill_color);

ofNoFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2025年10月28日

Cross arrows.

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

	void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color);
};

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

void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color);

};

#include "ofApp.h"

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

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

	ofBackground(39);
	ofSetLineWidth(2);
}

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

}

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

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

	auto noise_deg = ofMap(ofNoise(ofGetFrameNum() * 0.01), 0, 1, -360, 360);

	for (int deg = 0; deg < 360; deg += 10) {

		this->draw_arrow(glm::vec2(300 * cos(deg * DEG_TO_RAD), 300 * sin(deg * DEG_TO_RAD)),
			glm::vec2(250 * cos((deg + noise_deg) * DEG_TO_RAD), 250 * sin((deg + noise_deg) * DEG_TO_RAD)), 18, ofColor(239));
		ofDrawCircle(glm::vec2(300 * cos(deg * DEG_TO_RAD), 300 * sin(deg * DEG_TO_RAD)), 3);
	}

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

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);
	auto translate_location = target - glm::vec2(size * 2 * cos(angle), size * 2 * sin(angle));
	auto distance = glm::distance(translate_location, location);

	ofPushMatrix();
	ofTranslate(translate_location);

	ofSetColor(color);
	ofFill();
	ofBeginShape();
	ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(glm::vec2(size * 0.25 * cos(angle + PI * 0.5), size * 0.25 * sin(angle + PI * 0.5)));
	ofVertex(glm::vec2(size * 0.25 * cos(angle - PI * 0.5), size * 0.25 * sin(angle - PI * 0.5)));
	ofEndShape();

	ofBeginShape();
	ofVertex(glm::vec2(size * 0.25 * cos(angle + PI * 0.5), size * 0.25 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(glm::vec2(size * 0.25 * cos(angle + PI * 0.5), size * 0.25 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));
	ofVertex(glm::vec2(size * 0.25 * cos(angle - PI * 0.5), size * 0.25 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));
	ofVertex(glm::vec2(size * 0.25 * cos(angle - PI * 0.5), size * 0.25 * sin(angle - PI * 0.5)) * 0.25);

	ofEndShape();

	ofPopMatrix();
}

//--------------------------------------------------------------
int main() {

	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofSetLineWidth(2);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

auto noise_deg = ofMap(ofNoise(ofGetFrameNum() * 0.01), 0, 1, -360, 360);

for (int deg = 0; deg < 360; deg += 10) {

this->draw_arrow(glm::vec2(300 * cos(deg * DEG_TO_RAD), 300 * sin(deg * DEG_TO_RAD)),

glm::vec2(250 * cos((deg + noise_deg) * DEG_TO_RAD), 250 * sin((deg + noise_deg) * DEG_TO_RAD)), 18, ofColor(239));

ofDrawCircle(glm::vec2(300 * cos(deg * DEG_TO_RAD), 300 * sin(deg * DEG_TO_RAD)), 3);

}

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

int start = 450;

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

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

auto translate_location = target - glm::vec2(size * 2 * cos(angle), size * 2 * sin(angle));

auto distance = glm::distance(translate_location, location);

ofPushMatrix();

ofTranslate(translate_location);

ofSetColor(color);

ofFill();

ofBeginShape();

ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(glm::vec2(size * 0.25 * cos(angle + PI * 0.5), size * 0.25 * sin(angle + PI * 0.5)));

ofVertex(glm::vec2(size * 0.25 * cos(angle - PI * 0.5), size * 0.25 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(glm::vec2(size * 0.25 * cos(angle + PI * 0.5), size * 0.25 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(glm::vec2(size * 0.25 * cos(angle + PI * 0.5), size * 0.25 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.25 * cos(angle - PI * 0.5), size * 0.25 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.25 * cos(angle - PI * 0.5), size * 0.25 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/DoodleDeProgramming/tree/3c8ed6e1d429d2f70f7a2a5d59a0010afb18934f

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