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

2022年12月27日

Noise pattern. Draw by openFrameworks

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

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

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

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

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

	ofSeedRandom(39);
}

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

	int span = 15;
	for (int z = 0; z > -span; z -= span) {

		auto noise_seed = ofRandom(1000);
		for (int x = 0; x < 720; x += span) {

			for (int y = 0; y < 720; y += span) {

				ofPushMatrix();
				ofTranslate(x, y, z);

				auto noise_value = ofNoise(noise_seed, x * 0.0035, y * 0.0035, ofGetFrameNum() * 0.005);

				if (noise_value > 0.43 && noise_value <= 0.48) {
				
					auto power = ofMap(noise_value, 0.43, 0.48, 1, 0);
					ofRotateZ(ofRandom(1000) * power);
					ofRotateY(ofRandom(1000) * power);
					ofRotateX(ofRandom(1000) * power);

					ofSetColor(0);
					ofFill();
					ofDrawBox(ofMap(noise_value, 0.43, 0.48, 0, span));

					ofSetColor(255);
					ofNoFill();
					ofDrawBox(ofMap(noise_value, 0.43, 0.48, 0, span));
				}

				if (noise_value > 0.48 && noise_value < 0.52) {

					ofSetColor(0);
					ofFill();
					ofDrawBox(span);

					ofSetColor(255);
					ofNoFill();
					ofDrawBox(span);
				}

				if (noise_value > 0.52 && noise_value <= 0.57) {

					auto power = ofMap(noise_value, 0.52, 0.57, 0, 1);
					ofRotateZ(ofRandom(1000) * power);
					ofRotateY(ofRandom(1000) * power);
					ofRotateX(ofRandom(1000) * power);

					ofSetColor(0);
					ofFill();
					ofDrawBox(ofMap(noise_value, 0.57, 0.52, 0, span));

					ofSetColor(255);
					ofNoFill();
					ofDrawBox(ofMap(noise_value, 0.57, 0.52, 0, span));
				}

				ofPopMatrix();
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int span = 15;

for (int z = 0; z > -span; z -= span) {

auto noise_seed = ofRandom(1000);

for (int x = 0; x < 720; x += span) {

for (int y = 0; y < 720; y += span) {

ofPushMatrix();

ofTranslate(x, y, z);

auto noise_value = ofNoise(noise_seed, x * 0.0035, y * 0.0035, ofGetFrameNum() * 0.005);

if (noise_value > 0.43 && noise_value <= 0.48) {

auto power = ofMap(noise_value, 0.43, 0.48, 1, 0);

ofRotateZ(ofRandom(1000) * power);

ofRotateY(ofRandom(1000) * power);

ofRotateX(ofRandom(1000) * power);

ofSetColor(0);

ofFill();

ofDrawBox(ofMap(noise_value, 0.43, 0.48, 0, span));

ofSetColor(255);

ofNoFill();

ofDrawBox(ofMap(noise_value, 0.43, 0.48, 0, span));

}

if (noise_value > 0.48 && noise_value < 0.52) {

ofSetColor(0);

ofFill();

ofDrawBox(span);

ofSetColor(255);

ofNoFill();

ofDrawBox(span);

}

if (noise_value > 0.52 && noise_value <= 0.57) {

auto power = ofMap(noise_value, 0.52, 0.57, 0, 1);

ofRotateZ(ofRandom(1000) * power);

ofRotateY(ofRandom(1000) * power);

ofRotateX(ofRandom(1000) * power);

ofSetColor(0);

ofFill();

ofDrawBox(ofMap(noise_value, 0.57, 0.52, 0, span));

ofSetColor(255);

ofNoFill();

ofDrawBox(ofMap(noise_value, 0.57, 0.52, 0, span));

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/Insta20221227

2022年12月26日

Tornado random walk. Draw by openFrameworks

[ Video ]

[ About ]
トルネード・ランダム・ウォーク。

[ Source ]

#pragma once
#include "ofMain.h"

class Walker {

public:
	Walker(glm::vec2 location, ofColor color);
	void update();
	void change_rotate();
	void draw_1();
	void draw_2();
private:

	glm::vec2 rotate_location;
	float rotate_radius;
	float rotate_deg;
	int rotate_direction;

	vector<glm::vec2> log;
	ofColor color;
};

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

	vector<Walker> walker_list;
};

#pragma once

#include "ofMain.h"

class Walker {

public:

Walker(glm::vec2 location, ofColor color);

void update();

void change_rotate();

void draw_1();

void draw_2();

private:

glm::vec2 rotate_location;

float rotate_radius;

float rotate_deg;

int rotate_direction;

vector<glm::vec2> log;

ofColor color;

};

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

vector<Walker> walker_list;

};

#include "ofApp.h"

//--------------------------------------------------------------
Walker::Walker(glm::vec2 location, ofColor color) {

	this->log.push_back(location);
	this->change_rotate();

	this->color = color;
}

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

	if (glm::length(this->log.back()) > 720) {

		this->log.clear();
		auto location = glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300));
		this->log.push_back(location);
		this->change_rotate();
	}

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

		auto location = this->rotate_location + glm::vec2(this->rotate_radius * cos(this->rotate_deg * DEG_TO_RAD), this->rotate_radius * sin(this->rotate_deg * DEG_TO_RAD));
		this->rotate_deg += this->rotate_direction * 3;
		this->rotate_radius -= 0.15;

		this->log.push_back(location);
	}

	if (this->rotate_radius < 0 || ofRandom(100) < 0.15) {

		this->change_rotate();
	}

	while (this->log.size() > 250) { this->log.erase(this->log.begin()); }
}

//--------------------------------------------------------------
void Walker::change_rotate() {

	auto tmp_radius = ofRandom(30, 110);
	auto tmp_deg = this->rotate_deg + ofRandom(-90, 90);
	this->rotate_location = this->log.back() + glm::vec2(tmp_radius * cos(tmp_deg * DEG_TO_RAD), tmp_radius * sin(tmp_deg * DEG_TO_RAD));
	this->rotate_deg = 180 + tmp_deg;
	this->rotate_radius = tmp_radius;

	this->rotate_direction = ofRandom(100) < 50 ? 1 : -1;
}

//--------------------------------------------------------------
void Walker::draw_1() {

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

		ofDrawCircle(this->log[i], 7);
	}	
}

//--------------------------------------------------------------
void Walker::draw_2() {

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

		ofSetColor(ofColor(color));
		ofDrawCircle(this->log[i], 5);
	}
}

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(255);
	ofSetLineWidth(2);

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

		color.setHsb(ofMap(i, 0, number_of_actor, 0, 255), 130, 255);
		this->walker_list.push_back(Walker(glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300)), color));
	}
}

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

	for (auto& walker : this->walker_list) {

		walker.update();
	}
}

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

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

	for (auto& walker : this->walker_list) {

		walker.draw_1();
	}

	for (auto& walker : this->walker_list) {

		walker.draw_2();
	}
}

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

#include "ofApp.h"

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

Walker::Walker(glm::vec2 location, ofColor color) {

this->log.push_back(location);

this->change_rotate();

this->color = color;

}

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

void Walker::update() {

if (glm::length(this->log.back()) > 720) {

this->log.clear();

auto location = glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300));

this->log.push_back(location);

this->change_rotate();

}

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

auto location = this->rotate_location + glm::vec2(this->rotate_radius * cos(this->rotate_deg * DEG_TO_RAD), this->rotate_radius * sin(this->rotate_deg * DEG_TO_RAD));

this->rotate_deg += this->rotate_direction * 3;

this->rotate_radius -= 0.15;

this->log.push_back(location);

}

if (this->rotate_radius < 0 || ofRandom(100) < 0.15) {

this->change_rotate();

}

while (this->log.size() > 250) { this->log.erase(this->log.begin()); }

}

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

void Walker::change_rotate() {

auto tmp_radius = ofRandom(30, 110);

auto tmp_deg = this->rotate_deg + ofRandom(-90, 90);

this->rotate_location = this->log.back() + glm::vec2(tmp_radius * cos(tmp_deg * DEG_TO_RAD), tmp_radius * sin(tmp_deg * DEG_TO_RAD));

this->rotate_deg = 180 + tmp_deg;

this->rotate_radius = tmp_radius;

this->rotate_direction = ofRandom(100) < 50 ? 1 : -1;

}

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

void Walker::draw_1() {

ofSetColor(0);

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

ofDrawCircle(this->log[i], 7);

}

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

void Walker::draw_2() {

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

ofSetColor(ofColor(color));

ofDrawCircle(this->log[i], 5);

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofSetLineWidth(2);

ofColor color;

int number_of_actor = 17;

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

color.setHsb(ofMap(i, 0, number_of_actor, 0, 255), 130, 255);

this->walker_list.push_back(Walker(glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300)), color));

}

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

void ofApp::update() {

for (auto& walker : this->walker_list) {

walker.update();

}

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

void ofApp::draw() {

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

for (auto& walker : this->walker_list) {

walker.draw_1();

}

for (auto& walker : this->walker_list) {

walker.draw_2();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/Insta20221226

2022年12月25日

2022 Xmas. Draw by openFrameworks

[ Video ]

[ About ]
2022 Happy X’mas.

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

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

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

ofEasyCam cam;

ofMesh mesh;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(0);
	ofSetLineWidth(1.2);
	ofEnableDepthTest();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	this->mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
}

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

	ofSeedRandom(39);

	vector<float> min_distance_list;
	this->mesh.clear();

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

		auto vertex = glm::vec3(
			ofRandom(-200, 200) + ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -20, 20),
			(int)(ofRandom(400) + ofGetFrameNum() * ofRandom(1, 3)) % 400 - 200,
			ofRandom(-200, 200) + ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -20, 20)
		);

		this->mesh.addVertex(vertex);
		min_distance_list.push_back(20);
	}

	string word = "Xmas";
	auto path_list = font.getStringAsPoints(word, true, false);

	for (auto path : path_list) {

		auto outline = path.getOutline();

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

			outline[outline_index] = outline[outline_index].getResampledBySpacing(15);
			auto vertices = outline[outline_index].getVertices();

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

				auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);
				this->mesh.addVertex(location);
			}

		}
	}

	for (int i = 0; i < this->mesh.getNumVertices(); i++) {

		for (int k = 0; k < this->mesh.getNumVertices(); k++) {

			if (i == k) { continue; }

			auto distance = glm::distance(this->mesh.getVertex(i), this->mesh.getVertex(k));
			if (distance <= 20) {

				this->mesh.addIndex(i);
				this->mesh.addIndex(k);

				if (distance < min_distance_list[i]) {

					min_distance_list[i] = distance;
				}
			}
		}

		this->mesh.addColor(ofColor(255, ofMap(min_distance_list[i], 0, 20, 255, 0)));
	}
}

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

	this->cam.begin();
	ofRotateX(180);
	ofRotateY(10 * sin(ofGetFrameNum() * 0.035));

	this->mesh.draw();

	for (int i = 0; i < this->mesh.getNumVertices(); i++) {

		ofSetColor(this->mesh.getColor(i));
		ofDrawSphere(this->mesh.getVertex(i), 1.5);
	}

	this->cam.end();
}

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

120

121

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(1.2);

ofEnableDepthTest();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);

}

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

void ofApp::update() {

ofSeedRandom(39);

vector<float> min_distance_list;

this->mesh.clear();

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

auto vertex = glm::vec3(

ofRandom(-200, 200) + ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -20, 20),

(int)(ofRandom(400) + ofGetFrameNum() * ofRandom(1, 3)) % 400 - 200,

ofRandom(-200, 200) + ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -20, 20)

);

this->mesh.addVertex(vertex);

min_distance_list.push_back(20);

}

string word = "Xmas";

auto path_list = font.getStringAsPoints(word, true, false);

for (auto path : path_list) {

auto outline = path.getOutline();

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

outline[outline_index] = outline[outline_index].getResampledBySpacing(15);

auto vertices = outline[outline_index].getVertices();

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

auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);

this->mesh.addVertex(location);

}

for (int i = 0; i < this->mesh.getNumVertices(); i++) {

for (int k = 0; k < this->mesh.getNumVertices(); k++) {

if (i == k) { continue; }

auto distance = glm::distance(this->mesh.getVertex(i), this->mesh.getVertex(k));

if (distance <= 20) {

this->mesh.addIndex(i);

this->mesh.addIndex(k);

if (distance < min_distance_list[i]) {

min_distance_list[i] = distance;

}

this->mesh.addColor(ofColor(255, ofMap(min_distance_list[i], 0, 20, 255, 0)));

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(10 * sin(ofGetFrameNum() * 0.035));

this->mesh.draw();

for (int i = 0; i < this->mesh.getNumVertices(); i++) {

ofSetColor(this->mesh.getColor(i));

ofDrawSphere(this->mesh.getVertex(i), 1.5);

}

this->cam.end();

}

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

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

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