circle – ページ 25 – プログラミング de 落描き

2022年10月6日

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

	ofMesh mesh;
};

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

ofMesh mesh;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(3.5);

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

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

	ofSeedRandom(39);
	this->mesh.clear();

	auto radius = 15;
	for (int x = -300; x <= 300; x += 60) {

		for (int y = -300; y <= 300; y += 60) {

			int deg = ofMap(ofNoise(x * 0.0035, y * 0.0035, ofGetFrameNum() * 0.0005), 0, 1, 0, 720);
			int deg_param = deg % 90;
			deg = deg / 90 * 90;
			if (deg_param > 85) {

				deg += ofMap(deg_param, 85, 90, 0, 90);
			}

			int start_index = this->mesh.getNumVertices();
			for (int circle_deg = 0; circle_deg < 360; circle_deg += 2) {

				this->mesh.addVertex(glm::vec3(x + radius * cos(circle_deg * DEG_TO_RAD), y + radius * sin(circle_deg * DEG_TO_RAD), 0));
				if (circle_deg > 0) {

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

			this->mesh.addIndex(this->mesh.getNumVertices() - 1);
			this->mesh.addIndex(start_index);

			this->mesh.addVertex(glm::vec3(x + radius * cos(deg * DEG_TO_RAD), y + radius * sin(deg * DEG_TO_RAD), 0));
			this->mesh.addVertex(glm::vec3(x + radius * 2 * cos(deg * DEG_TO_RAD), y + radius * 2 * sin(deg * DEG_TO_RAD), 0));

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

			this->mesh.addVertex(glm::vec3(x + radius * cos((deg + 180) * DEG_TO_RAD), y + radius * sin((deg + 180) * DEG_TO_RAD), 0));
			this->mesh.addVertex(glm::vec3(x + radius * 2 * cos((deg + 180) * DEG_TO_RAD), y + radius * 2 * sin((deg + 180) * DEG_TO_RAD), 0));

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

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

		color.setHsb(ofMap(ofNoise(this->mesh.getVertex(i) * 0.0035), 0, 1, 180, 255), 200, 255);
		this->mesh.addColor(color);
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	this->mesh.drawWireframe();
	
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(30);

ofBackground(0);

ofSetLineWidth(3.5);

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

auto radius = 15;

for (int x = -300; x <= 300; x += 60) {

for (int y = -300; y <= 300; y += 60) {

int deg = ofMap(ofNoise(x * 0.0035, y * 0.0035, ofGetFrameNum() * 0.0005), 0, 1, 0, 720);

int deg_param = deg % 90;

deg = deg / 90 * 90;

if (deg_param > 85) {

deg += ofMap(deg_param, 85, 90, 0, 90);

}

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

for (int circle_deg = 0; circle_deg < 360; circle_deg += 2) {

this->mesh.addVertex(glm::vec3(x + radius * cos(circle_deg * DEG_TO_RAD), y + radius * sin(circle_deg * DEG_TO_RAD), 0));

if (circle_deg > 0) {

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

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

}

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

this->mesh.addIndex(start_index);

this->mesh.addVertex(glm::vec3(x + radius * cos(deg * DEG_TO_RAD), y + radius * sin(deg * DEG_TO_RAD), 0));

this->mesh.addVertex(glm::vec3(x + radius * 2 * cos(deg * DEG_TO_RAD), y + radius * 2 * sin(deg * DEG_TO_RAD), 0));

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

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

this->mesh.addVertex(glm::vec3(x + radius * cos((deg + 180) * DEG_TO_RAD), y + radius * sin((deg + 180) * DEG_TO_RAD), 0));

this->mesh.addVertex(glm::vec3(x + radius * 2 * cos((deg + 180) * DEG_TO_RAD), y + radius * 2 * sin((deg + 180) * DEG_TO_RAD), 0));

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

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

}

ofColor color;

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

color.setHsb(ofMap(ofNoise(this->mesh.getVertex(i) * 0.0035), 0, 1, 180, 255), 200, 255);

this->mesh.addColor(color);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

this->mesh.drawWireframe();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年10月2日

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

	void setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color);

	ofEasyCam cam;
	ofMesh face, frame;

	vector<float> radius_list;
	vector<glm::vec3> rotation_list;
	vector<ofColor> color_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 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) {};

void setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color);

ofEasyCam cam;

ofMesh face, frame;

vector<float> radius_list;

vector<glm::vec3> rotation_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetLineWidth(0.5);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
	glm::vec3 noise_param = glm::vec3(ofRandom(360), ofRandom(360), ofRandom(360));

	this->radius_list.push_back(0);
	this->rotation_list.push_back(glm::vec3(
		ofMap(ofNoise(noise_param.x, ofGetFrameNum() * 0.008), 0, 1, -360, 360),
		ofMap(ofNoise(noise_param.y, ofGetFrameNum() * 0.008), 0, 1, -360, 360),
		ofMap(ofNoise(noise_param.z, ofGetFrameNum() * 0.008), 0, 1, -360, 360)));
	ofColor color;
	color.setHsb((ofGetFrameNum() * 2) % 255, 255, 230);
	this->color_list.push_back(color);

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

		this->radius_list[i] += 1.5;

		if (this->radius_list[i] > 250) {

			this->radius_list.erase(this->radius_list.begin() + i);
			this->rotation_list.erase(this->rotation_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
		}
	}

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

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

		this->setRingToMesh(this->face, this->frame, glm::vec3(), this->rotation_list[i], this->radius_list[i], this->radius_list[i] * 0.1, ofColor(this->color_list[i]), ofColor(255));
	}
}

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

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

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

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color) {

	int index = face_target.getNumVertices();

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

		vector<glm::vec3> vertices;
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3(radius * cos((deg + 5) * DEG_TO_RAD), radius * sin((deg + 5) * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3(radius * cos((deg + 5) * DEG_TO_RAD), radius * sin((deg + 5) * DEG_TO_RAD), height * 0.5));
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height * 0.5));

		for (auto& vertex : vertices) {

			auto rotation_x = glm::rotate(glm::mat4(), rotation.x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), rotation.y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
			auto rotation_z = glm::rotate(glm::mat4(), rotation.z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

			vertex = glm::vec4(vertex, 0) * rotation_y * rotation_x + glm::vec4(location, 0);
		}

		auto face_index = face_target.getNumVertices();
		face_target.addVertices(vertices);

		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);
		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 3);

		auto frame_index = frame_target.getNumVertices();
		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 3);

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

			face_target.addColor(face_color);
			frame_target.addColor(frame_color);
		}
	}
}

//--------------------------------------------------------------
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(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(0.5);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

glm::vec3 noise_param = glm::vec3(ofRandom(360), ofRandom(360), ofRandom(360));

this->radius_list.push_back(0);

this->rotation_list.push_back(glm::vec3(

ofMap(ofNoise(noise_param.x, ofGetFrameNum() * 0.008), 0, 1, -360, 360),

ofMap(ofNoise(noise_param.y, ofGetFrameNum() * 0.008), 0, 1, -360, 360),

ofMap(ofNoise(noise_param.z, ofGetFrameNum() * 0.008), 0, 1, -360, 360)));

ofColor color;

color.setHsb((ofGetFrameNum() * 2) % 255, 255, 230);

this->color_list.push_back(color);

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

this->radius_list[i] += 1.5;

if (this->radius_list[i] > 250) {

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

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

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

}

this->face.clear();

this->frame.clear();

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

this->setRingToMesh(this->face, this->frame, glm::vec3(), this->rotation_list[i], this->radius_list[i], this->radius_list[i] * 0.1, ofColor(this->color_list[i]), ofColor(255));

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 2.66666666666666);

this->face.draw();

this->frame.drawWireframe();

this->cam.end();

}

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

void ofApp::setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color) {

int index = face_target.getNumVertices();

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

vector<glm::vec3> vertices;

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

vertices.push_back(glm::vec3(radius * cos((deg + 5) * DEG_TO_RAD), radius * sin((deg + 5) * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3(radius * cos((deg + 5) * DEG_TO_RAD), radius * sin((deg + 5) * DEG_TO_RAD), height * 0.5));

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

for (auto& vertex : vertices) {

auto rotation_x = glm::rotate(glm::mat4(), rotation.x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), rotation.y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), rotation.z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

vertex = glm::vec4(vertex, 0) * rotation_y * rotation_x + glm::vec4(location, 0);

}

auto face_index = face_target.getNumVertices();

face_target.addVertices(vertices);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 3);

auto frame_index = frame_target.getNumVertices();

frame_target.addVertices(vertices);

frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);

frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 3);

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

face_target.addColor(face_color);

frame_target.addColor(frame_color);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年9月19日

Noise river. 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);
	ofNoFill();
	ofSetLineWidth(2);
}

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

	ofSeedRandom(39);
}

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

	int span = 30;
	int radius = span * 0.25;
	for (int x = span * 0.5; x <= ofGetWindowWidth(); x += span) {

		for (int y = span * 0.5; y <= ofGetWindowHeight(); y += span) {

			ofPushMatrix();
			ofTranslate(x, y);

			auto noise_y = ofMap(ofNoise(x * 0.0035 + ofGetFrameNum() * 0.03), 0, 1, 100, ofGetWindowHeight() - 100);

			if (abs(noise_y - y) < 100) {

				auto y_1 = ofMap(ofNoise((x - span * 0.5) * 0.0035 + ofGetFrameNum() * 0.03), 0, 1, 100, ofGetWindowHeight() - 100);
				auto y_2 = ofMap(ofNoise((x + span * 0.5) * 0.0035 + ofGetFrameNum() * 0.03), 0, 1, 100, ofGetWindowHeight() - 100);

				auto rad = std::atan2(y_1 - y_2, (x - span * 0.5) - (x + span * 0.5));

				ofRotate(rad * RAD_TO_DEG);

				ofSetColor(255);
				ofDrawCircle(0, 0, radius);
				ofDrawLine(span * -0.45, 0, span * 0.45, 0);
			}
			else {

				ofSetColor(128);
				ofDrawCircle(0, 0, radius);
				ofDrawLine(span * -0.45, 0, span * 0.45, 0);
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofNoFill();

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int span = 30;

int radius = span * 0.25;

for (int x = span * 0.5; x <= ofGetWindowWidth(); x += span) {

for (int y = span * 0.5; y <= ofGetWindowHeight(); y += span) {

ofPushMatrix();

ofTranslate(x, y);

auto noise_y = ofMap(ofNoise(x * 0.0035 + ofGetFrameNum() * 0.03), 0, 1, 100, ofGetWindowHeight() - 100);

if (abs(noise_y - y) < 100) {

auto y_1 = ofMap(ofNoise((x - span * 0.5) * 0.0035 + ofGetFrameNum() * 0.03), 0, 1, 100, ofGetWindowHeight() - 100);

auto y_2 = ofMap(ofNoise((x + span * 0.5) * 0.0035 + ofGetFrameNum() * 0.03), 0, 1, 100, ofGetWindowHeight() - 100);

auto rad = std::atan2(y_1 - y_2, (x - span * 0.5) - (x + span * 0.5));

ofRotate(rad * RAD_TO_DEG);

ofSetColor(255);

ofDrawCircle(0, 0, radius);

ofDrawLine(span * -0.45, 0, span * 0.45, 0);

}

else {

ofSetColor(128);

ofDrawCircle(0, 0, radius);

ofDrawLine(span * -0.45, 0, span * 0.45, 0);

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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