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

2025年12月22日

Mountains.

[ Video ]

[ About ]
山々。

[ Source ]

#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 mouseEntered(int x, int y) {};
	void mouseExited(int x, int y) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofEasyCam cam;
	ofMesh face, frame;
};

#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 mouseEntered(int x, int y) {};

void mouseExited(int x, int y) {};

void windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

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

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

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

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

	this->face.clear();
	this->frame.clear();

	for (auto y = -300; y < 300; y += 30) {

		for (auto x = -600; x <= 600; x += 1) {

			vector<glm::vec3> vertices;
			vertices.push_back(glm::vec3(x, y, 0));
			vertices.push_back(glm::vec3(x + 1, y, 0));
			vertices.push_back(glm::vec3(x + 1, y, 100));
			vertices.push_back(glm::vec3(x, y, 100));

			for (auto& vertex : vertices) {

				if (vertex.z == 100) {

					auto noise_value = ofNoise(y * 0.05, vertex.x * 0.0025, vertex.y * 0.0025, ofGetFrameNum() * 0.005);
					if (noise_value > 0.5) {

						vertex.z = ofMap(noise_value, 0.5, 1, 0, 1000);
						vertex.z *= ofMap(y, -300, 300, 0, 1);
						vertex.z *= ofMap(abs(x), 0, 600, 1, 0);

						vertex.z = (int)vertex.z / 25 * 25;
					}
					else {

						vertex.z = 0;
					}
				}
			}

			this->face.addVertices(vertices);
			this->frame.addVertices(vertices);

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

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

			ofColor face_color = ofColor(y < -100 ? 0 : ofMap(y, -100, 300, 0, 239));
			ofColor frame_color = ofColor(239);

			this->face.addColor(face_color);
			this->face.addColor(face_color);
			this->face.addColor(face_color);
			this->face.addColor(face_color);

			this->frame.addColor(frame_color);
			this->frame.addColor(frame_color);
			this->frame.addColor(frame_color);
			this->frame.addColor(frame_color);
		}
	}
}

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

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

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

	this->cam.end();

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(25);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

for (auto y = -300; y < 300; y += 30) {

for (auto x = -600; x <= 600; x += 1) {

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(x, y, 0));

vertices.push_back(glm::vec3(x + 1, y, 0));

vertices.push_back(glm::vec3(x + 1, y, 100));

vertices.push_back(glm::vec3(x, y, 100));

for (auto& vertex : vertices) {

if (vertex.z == 100) {

auto noise_value = ofNoise(y * 0.05, vertex.x * 0.0025, vertex.y * 0.0025, ofGetFrameNum() * 0.005);

if (noise_value > 0.5) {

vertex.z = ofMap(noise_value, 0.5, 1, 0, 1000);

vertex.z *= ofMap(y, -300, 300, 0, 1);

vertex.z *= ofMap(abs(x), 0, 600, 1, 0);

vertex.z = (int)vertex.z / 25 * 25;

}

else {

vertex.z = 0;

}

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

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

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

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

this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 4);

ofColor face_color = ofColor(y < -100 ? 0 : ofMap(y, -100, 300, 0, 239));

ofColor frame_color = ofColor(239);

this->face.addColor(face_color);

this->frame.addColor(frame_color);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

this->face.draw();

this->frame.drawWireframe();

this->cam.end();

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

int start = 350;

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

2025年12月21日

Change flow.

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

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

	if (ofGetFrameNum() % 75 < 15) {

		this->noise_value = ofRandom(1000);
	}

	for (int i = 0; i < 500; 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(
			((int)this->location_list[i].x / 50 * 50) * 0.015,
			((int)this->location_list[i].y / 50 * 50) * 0.015,
			this->noise_value), 0, 1, (ofGetFrameNum() / 75) * 90 + 0, (ofGetFrameNum() / 75) * 90 + 180);
		auto next = this->location_list[i] + glm::vec2(5 * cos(deg * DEG_TO_RAD), 5 * sin(deg * DEG_TO_RAD));

		if (next.x < -300) { next.x = -300; }
		if (next.x > 300) { next.x = 300; }
		if (next.y < -300) { next.y = -300; }
		if (next.y > 300) { next.y = 300; }

		this->location_list[i] = next;
		this->life_list[i] += 1;
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofSetColor(39, 0, 139);
	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, 2) : 2;
		ofDrawCircle(this->location_list[i], size);
	}

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

if (ofGetFrameNum() % 75 < 15) {

this->noise_value = ofRandom(1000);

}

for (int i = 0; i < 500; 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(

((int)this->location_list[i].x / 50 * 50) * 0.015,

((int)this->location_list[i].y / 50 * 50) * 0.015,

this->noise_value), 0, 1, (ofGetFrameNum() / 75) * 90 + 0, (ofGetFrameNum() / 75) * 90 + 180);

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

if (next.x < -300) { next.x = -300; }

if (next.x > 300) { next.x = 300; }

if (next.y < -300) { next.y = -300; }

if (next.y > 300) { next.y = 300; }

this->location_list[i] = next;

this->life_list[i] += 1;

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofSetColor(39, 0, 139);

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, 2) : 2;

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

}

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

int start = 350;

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

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