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

2023年7月15日

Whirlpool. Draw by openFrameworks

[ 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;
	ofMesh face, line;

	vector<float> radius_list;
	vector<float> deg_list;
};

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

ofMesh face, line;

vector<float> radius_list;

vector<float> deg_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(2);

	ofEnableDepthTest();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

		this->radius_list.push_back(ofRandom(1000));
		this->deg_list.push_back(ofRandom(360));
	}
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);

	this->face.clear();
	int threshold_radius = 300;

	for (float radius = 0; radius <= 1000; radius += 10) {

		int start_index = this->line.getNumVertices();
		int index = start_index;
		int deg_start = radius;
		for (float deg = deg_start; deg < deg_start + 360; deg += 0.5) {

			float z = radius > threshold_radius ? 0 : ofMap(radius, 0, threshold_radius, -1 * pow(threshold_radius - radius, 1.1), 0);
			float next_radius = radius + 10;
			float next_z = next_radius > threshold_radius ? 0 : ofMap(next_radius, 0, threshold_radius, -1 * pow(threshold_radius - next_radius, 1.1), 0);

			vector<glm::vec3> vertices;
			vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z));
			vertices.push_back(glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), z));
			vertices.push_back(glm::vec3(next_radius * cos((deg + 1) * DEG_TO_RAD), next_radius * sin((deg + 1) * DEG_TO_RAD), next_z));
			vertices.push_back(glm::vec3(next_radius * cos(deg * DEG_TO_RAD), next_radius * sin(deg * DEG_TO_RAD), next_z));

			face.addVertices(vertices);

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

	this->line.clear();

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

		int speed = 5;
		int radius_start = ((int)(this->radius_list[i] + speed) % 1000);
		int radius = 1000 - radius_start;
		float deg_start = this->deg_list[i] + (radius > threshold_radius ? 1 : ofMap(radius, 0, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));
		float deg = deg_start;

		for (int k = 0; k < 15; k++) {

			radius = ((int)(this->radius_list[i] + speed * k) % 1000);
			radius = 1000 - radius;

			deg += (radius > threshold_radius ? 1 : ofMap(radius, 1, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));

			auto z = radius > threshold_radius ? 0 : ofMap(radius, 0, threshold_radius, -1 * pow(threshold_radius - radius, 1.1), 0);
			auto vertex = glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z + 2);
			this->line.addVertex(vertex);
			this->line.addColor(ofColor(ofMap(k, 0, 15, 39, 255)));

			if (k > 0) {

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

		}

		this->radius_list[i] = radius_start;
		this->deg_list[i] = deg_start;
	}
}

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

	this->cam.begin();

	ofSetColor(0);
	this->face.draw();
	this->line.drawWireframe();

	this->cam.end();

}

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

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

100

101

102

103

104

105

106

107

108

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(2);

ofEnableDepthTest();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

this->radius_list.push_back(ofRandom(1000));

this->deg_list.push_back(ofRandom(360));

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

int threshold_radius = 300;

for (float radius = 0; radius <= 1000; radius += 10) {

int start_index = this->line.getNumVertices();

int index = start_index;

int deg_start = radius;

for (float deg = deg_start; deg < deg_start + 360; deg += 0.5) {

float z = radius > threshold_radius ? 0 : ofMap(radius, 0, threshold_radius, -1 * pow(threshold_radius - radius, 1.1), 0);

float next_radius = radius + 10;

float next_z = next_radius > threshold_radius ? 0 : ofMap(next_radius, 0, threshold_radius, -1 * pow(threshold_radius - next_radius, 1.1), 0);

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z));

vertices.push_back(glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), z));

vertices.push_back(glm::vec3(next_radius * cos((deg + 1) * DEG_TO_RAD), next_radius * sin((deg + 1) * DEG_TO_RAD), next_z));

vertices.push_back(glm::vec3(next_radius * cos(deg * DEG_TO_RAD), next_radius * sin(deg * DEG_TO_RAD), next_z));

face.addVertices(vertices);

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

}

this->line.clear();

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

int speed = 5;

int radius_start = ((int)(this->radius_list[i] + speed) % 1000);

int radius = 1000 - radius_start;

float deg_start = this->deg_list[i] + (radius > threshold_radius ? 1 : ofMap(radius, 0, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));

float deg = deg_start;

for (int k = 0; k < 15; k++) {

radius = ((int)(this->radius_list[i] + speed * k) % 1000);

radius = 1000 - radius;

deg += (radius > threshold_radius ? 1 : ofMap(radius, 1, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));

auto z = radius > threshold_radius ? 0 : ofMap(radius, 0, threshold_radius, -1 * pow(threshold_radius - radius, 1.1), 0);

auto vertex = glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z + 2);

this->line.addVertex(vertex);

this->line.addColor(ofColor(ofMap(k, 0, 15, 39, 255)));

if (k > 0) {

this->line.addIndex(this->line.getNumVertices() - 1);

this->line.addIndex(this->line.getNumVertices() - 2);

}

this->radius_list[i] = radius_start;

this->deg_list[i] = deg_start;

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(0);

this->face.draw();

this->line.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2023年7月14日2023年7月13日

Mesh circle. Draw by openframeworks

[ 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(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(0);
	ofSetLineWidth(2);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

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

	ofColor color;
	for (int k = 0; k < 10; k++) {

		ofRotate(10);

		color.setHsb(ofMap(k, 0, 10, 0, 255), 180, 255);
		ofSetColor(color);
		
		vector<glm::vec2> vertices;
		for (int i = 0; i < 60; i++) {

			auto radius = ofMap(sin((ofGetFrameNum() + i) * 0.314 * 0.75), -1, 1, 200, 300);
			auto deg = (ofGetFrameNum() + i) * 4;
			auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

			vertices.push_back(location);
		}

		ofNoFill();
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape();

		ofFill();
		ofDrawCircle(vertices[0], 3);
		ofDrawCircle(vertices[vertices.size() - 1], 3);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(2);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

ofColor color;

for (int k = 0; k < 10; k++) {

ofRotate(10);

color.setHsb(ofMap(k, 0, 10, 0, 255), 180, 255);

ofSetColor(color);

vector<glm::vec2> vertices;

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

auto radius = ofMap(sin((ofGetFrameNum() + i) * 0.314 * 0.75), -1, 1, 200, 300);

auto deg = (ofGetFrameNum() + i) * 4;

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

vertices.push_back(location);

}

ofNoFill();

ofBeginShape();

ofVertices(vertices);

ofEndShape();

ofFill();

ofDrawCircle(vertices[0], 3);

ofDrawCircle(vertices[vertices.size() - 1], 3);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2023年7月13日

right-angle shift. Draw by openFrameworks

[ 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::vec2 make_point(int len, int 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) {};

glm::vec2 make_point(int len, int param);

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(39);
	ofSetLineWidth(3);
}

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

	ofSeedRandom(39);
}

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

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

	auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));
	for (int k = 0; k < 1; k++) {

		ofMesh mesh;
		vector<glm::vec3> right, left, frame;

		glm::vec3 last_location;
		float last_theta;

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

			auto len = ofMap(ofNoise((ofGetFrameNum() + i + k * 10) * 0.04), 0, 1, 200, 500);
			auto next_len = ofMap(ofNoise((ofGetFrameNum() + i + 1 + k * 10) * 0.04), 0, 1, 200, 500);

			auto param = ofGetFrameNum() + i;
			auto next_param = ofGetFrameNum() + i + 1;

			auto location = glm::vec3(this->make_point(len, param), 0);
			auto next = glm::vec3(this->make_point(len, next_param), 0);

			auto direction = next - location;
			auto theta = atan2(direction.y, direction.x);

			right.push_back(location + glm::vec3(ofMap(i, 0, 24, 0, 4) * cos(theta + PI * 0.5), ofMap(i, 0, 24, 0, 4) * sin(theta + PI * 0.5), 0));
			left.push_back(location + glm::vec3(ofMap(i, 0, 24, 0, 4) * cos(theta - PI * 0.5), ofMap(i, 0, 24, 0, 4) * sin(theta - PI * 0.5), 0));

			last_location = location;
			last_theta = theta;
		}

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

			mesh.addVertex(left[i]);
			mesh.addVertex(right[i]);
		}


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

			mesh.addIndex(i + 0); mesh.addIndex(i + 1); mesh.addIndex(i + 3);
			mesh.addIndex(i + 0); mesh.addIndex(i + 2); mesh.addIndex(i + 3);
		}

		mesh.addVertex(last_location);
		int index = mesh.getNumVertices();
		for (auto theta = last_theta - PI * 0.5; theta <= last_theta + PI * 0.5; theta += PI / 20) {

			mesh.addVertex(last_location + glm::vec3(4 * cos(theta), 4 * sin(theta), 0));
			frame.push_back(last_location + glm::vec3(4 * cos(theta), 4 * sin(theta), 0));
		}

		for (int i = index; i < mesh.getNumVertices() - 1; i++) {

			mesh.addIndex(index); mesh.addIndex(i + 0); mesh.addIndex(i + 1);
		}

		reverse(right.begin(), right.end());
		ofColor color;
		for (int i = 0; i < 10; i++) {

			ofRotate(36);

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

			ofNoFill();
			ofBeginShape();
			ofVertices(frame);
			
			ofVertices(right);
			ofVertices(left);
			ofEndShape(false);
		}

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

			ofRotate(36);

			ofSetColor(39);
			mesh.draw();
		}
	}
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));
	}
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofSetLineWidth(3);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

for (int k = 0; k < 1; k++) {

ofMesh mesh;

vector<glm::vec3> right, left, frame;

glm::vec3 last_location;

float last_theta;

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

auto len = ofMap(ofNoise((ofGetFrameNum() + i + k * 10) * 0.04), 0, 1, 200, 500);

auto next_len = ofMap(ofNoise((ofGetFrameNum() + i + 1 + k * 10) * 0.04), 0, 1, 200, 500);

auto param = ofGetFrameNum() + i;

auto next_param = ofGetFrameNum() + i + 1;

auto location = glm::vec3(this->make_point(len, param), 0);

auto next = glm::vec3(this->make_point(len, next_param), 0);

auto direction = next - location;

auto theta = atan2(direction.y, direction.x);

right.push_back(location + glm::vec3(ofMap(i, 0, 24, 0, 4) * cos(theta + PI * 0.5), ofMap(i, 0, 24, 0, 4) * sin(theta + PI * 0.5), 0));

left.push_back(location + glm::vec3(ofMap(i, 0, 24, 0, 4) * cos(theta - PI * 0.5), ofMap(i, 0, 24, 0, 4) * sin(theta - PI * 0.5), 0));

last_location = location;

last_theta = theta;

}

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

mesh.addVertex(left[i]);

mesh.addVertex(right[i]);

}

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

mesh.addIndex(i + 0); mesh.addIndex(i + 1); mesh.addIndex(i + 3);

mesh.addIndex(i + 0); mesh.addIndex(i + 2); mesh.addIndex(i + 3);

}

mesh.addVertex(last_location);

int index = mesh.getNumVertices();

for (auto theta = last_theta - PI * 0.5; theta <= last_theta + PI * 0.5; theta += PI / 20) {

mesh.addVertex(last_location + glm::vec3(4 * cos(theta), 4 * sin(theta), 0));

frame.push_back(last_location + glm::vec3(4 * cos(theta), 4 * sin(theta), 0));

}

for (int i = index; i < mesh.getNumVertices() - 1; i++) {

mesh.addIndex(index); mesh.addIndex(i + 0); mesh.addIndex(i + 1);

}

reverse(right.begin(), right.end());

ofColor color;

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

ofRotate(36);

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

ofSetColor(color);

ofNoFill();

ofBeginShape();

ofVertices(frame);

ofVertices(right);

ofVertices(left);

ofEndShape(false);

}

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

ofRotate(36);

ofSetColor(39);

mesh.draw();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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