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

2021年11月4日

Square rings. Draw by openFrameworks

[ Video ]

[ About ]
円周から箱が重ならない大きさを計算する。

Calculate the size of the non-overlapping boxes from the circumference.

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

	ofEasyCam cam;
};

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

ofEasyCam cam;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(290);
	
	auto small_radius = 0.f; 
	for (auto radius = 50; radius <= 360; radius += small_radius * 2) {

		auto deg_span = 10;
		small_radius = (radius * 2 * PI) / 360 * deg_span * 0.5;
		auto size = (small_radius * 2) / sqrt(3);
		auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
		auto deg_start = ofGetFrameNum();

		for (int deg = deg_start; deg < deg_start + 360; deg += deg_span) {

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

			auto rotate_x = ofMap(ofNoise(glm::vec4(noise_seed.x, location * 0.0015)), 0, 1, -360, 360);
			auto rotate_y = ofMap(ofNoise(glm::vec4(noise_seed.y, location * 0.0015)), 0, 1, -360, 360);
			auto rotate_z = ofMap(ofNoise(glm::vec4(noise_seed.z, location * 0.0015)), 0, 1, -360, 360);

			ofPushMatrix();
			ofTranslate(location);

			ofRotateZ(rotate_z);
			ofRotateY(rotate_y);
			ofRotateX(rotate_x);

			ofFill();
			ofSetColor(0);
			ofDrawBox(size);

			ofNoFill();
			ofSetColor(255);
			ofDrawBox(size);

			ofPopMatrix();
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(290);

auto small_radius = 0.f;

for (auto radius = 50; radius <= 360; radius += small_radius * 2) {

auto deg_span = 10;

small_radius = (radius * 2 * PI) / 360 * deg_span * 0.5;

auto size = (small_radius * 2) / sqrt(3);

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

auto deg_start = ofGetFrameNum();

for (int deg = deg_start; deg < deg_start + 360; deg += deg_span) {

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

auto rotate_x = ofMap(ofNoise(glm::vec4(noise_seed.x, location * 0.0015)), 0, 1, -360, 360);

auto rotate_y = ofMap(ofNoise(glm::vec4(noise_seed.y, location * 0.0015)), 0, 1, -360, 360);

auto rotate_z = ofMap(ofNoise(glm::vec4(noise_seed.z, location * 0.0015)), 0, 1, -360, 360);

ofPushMatrix();

ofTranslate(location);

ofRotateZ(rotate_z);

ofRotateY(rotate_y);

ofRotateX(rotate_x);

ofFill();

ofSetColor(0);

ofDrawBox(size);

ofNoFill();

ofSetColor(255);

ofDrawBox(size);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年11月1日2021年11月1日

Changing and connection. Draw by openFrameworks

[ Video ]

[ About ]
距離が近い頂点を繋ぐ、変化量はフレーム番号で定期的に変化する。

Connect vertices that are close to each other, the amount of change is periodically changed by the frame number.

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

	ofMesh mesh;
	vector<float> noise_seed_list;
	vector<float> noise_param_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) {};

ofMesh mesh;

vector<float> noise_seed_list;

vector<float> noise_param_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

		this->noise_seed_list.push_back(ofRandom(1000));
		this->noise_param_list.push_back(0);
				
		color.setHsb(ofMap(i, 0, 8, 0, 255), 255, 255);
		this->color_list.push_back(color);
	}
}

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

	this->mesh.clear();

	int radius = 320;
	int span = 28;

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

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

			auto noise_location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			auto noise_param = ofMap(ofNoise(this->noise_seed_list[i], noise_location.x * 0.005, noise_location.y * 0.005, this->noise_param_list[i]), 0, 1, 0.35, 1);

			this->mesh.addVertex(glm::vec3(radius * noise_param * cos(deg * DEG_TO_RAD), radius * noise_param * sin(deg * DEG_TO_RAD), 0));
			this->mesh.addColor(ofColor(this->color_list[i], 0));
		}


		if (ofGetFrameNum() % 120 < 20) {

			this->noise_param_list[i] += ofMap(ofGetFrameNum() % 120, 0, 20, 0.065, 0.001);
		}
		else if (ofGetFrameNum() % 120 < 100) {

			this->noise_param_list[i] += 0.001;
		}
		else {

			this->noise_param_list[i] += ofMap(ofGetFrameNum() % 120, 100, 120, 0.001, 0.065);
		}
	}

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

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

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

				auto alpha = distance < span * 0.25 ? 255 : ofMap(distance, span * 0.25, span, 255, 0);

				if (this->mesh.getColor(i).a < alpha) {

					this->mesh.setColor(i, ofColor(this->mesh.getColor(i), alpha));
				}

				if (this->mesh.getColor(k).a < alpha) {

					this->mesh.setColor(k, ofColor(this->mesh.getColor(k), alpha));
				}

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

}

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

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

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

		ofSetColor(this->mesh.getColor(i));
		ofDrawCircle(this->mesh.getVertex(i), 1.85);
	}
}

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

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

100

101

102

103

104

105

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

ofColor color;

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

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

this->noise_param_list.push_back(0);

color.setHsb(ofMap(i, 0, 8, 0, 255), 255, 255);

this->color_list.push_back(color);

}

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

void ofApp::update() {

this->mesh.clear();

int radius = 320;

int span = 28;

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

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

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

auto noise_param = ofMap(ofNoise(this->noise_seed_list[i], noise_location.x * 0.005, noise_location.y * 0.005, this->noise_param_list[i]), 0, 1, 0.35, 1);

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

this->mesh.addColor(ofColor(this->color_list[i], 0));

}

if (ofGetFrameNum() % 120 < 20) {

this->noise_param_list[i] += ofMap(ofGetFrameNum() % 120, 0, 20, 0.065, 0.001);

}

else if (ofGetFrameNum() % 120 < 100) {

this->noise_param_list[i] += 0.001;

}

else {

this->noise_param_list[i] += ofMap(ofGetFrameNum() % 120, 100, 120, 0.001, 0.065);

}

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

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

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

if (distance < span) {

auto alpha = distance < span * 0.25 ? 255 : ofMap(distance, span * 0.25, span, 255, 0);

if (this->mesh.getColor(i).a < alpha) {

this->mesh.setColor(i, ofColor(this->mesh.getColor(i), alpha));

}

if (this->mesh.getColor(k).a < alpha) {

this->mesh.setColor(k, ofColor(this->mesh.getColor(k), alpha));

}

this->mesh.addIndex(i);

this->mesh.addIndex(k);

}

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

void ofApp::draw() {

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

this->mesh.drawWireframe();

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

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

ofDrawCircle(this->mesh.getVertex(i), 1.85);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年10月30日

Adjusting the amount of twisting. Draw by openFrameworks

[ Video ]

[ About ]
ねじる量を距離情報で調整する。

Adjust the amount of twisting with distance information.

[ 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(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
	ofSetLineWidth(2);
}

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

}


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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofNoFill();
	ofSetColor(239, 19, 19);
	ofDrawRectangle(glm::vec2(), 685, 685);

	int small_radius = 40;
	int big_radius = 90;
	int center = (big_radius + small_radius) / 2;
	int gap = big_radius - small_radius;

	ofSetColor(239, 19, 19);
	for (int x = -220; x <= 220; x += 220) {

		for (int y = -220; y <= 220; y += 220) {

			ofPushMatrix();
			ofTranslate(x, y);

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

				ofNoFill();
				ofBeginShape();
				for (int radius = small_radius; radius <= big_radius; radius += 1) {

					auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
					auto noise_deg = ofMap(ofNoise(x, y, radius * 0.001 + ofGetFrameNum() * 0.01), 0, 1, -20, 20);
					auto param = ofMap(abs(center - radius), 0, gap * 0.5, 4, 0);
					auto draw_deg = deg + noise_deg * param;

					auto vertex = glm::vec2(radius * cos(draw_deg * DEG_TO_RAD), radius * sin(draw_deg * DEG_TO_RAD));
					ofVertex(vertex);
				}
				ofEndShape();

				ofFill();
				ofDrawCircle(glm::vec2(small_radius * cos(deg * DEG_TO_RAD), small_radius * sin(deg * DEG_TO_RAD)), 2);
				ofDrawCircle(glm::vec2(big_radius * cos(deg * DEG_TO_RAD), big_radius * sin(deg * DEG_TO_RAD)), 2);
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

ofSetLineWidth(2);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofNoFill();

ofSetColor(239, 19, 19);

ofDrawRectangle(glm::vec2(), 685, 685);

int small_radius = 40;

int big_radius = 90;

int center = (big_radius + small_radius) / 2;

int gap = big_radius - small_radius;

ofSetColor(239, 19, 19);

for (int x = -220; x <= 220; x += 220) {

for (int y = -220; y <= 220; y += 220) {

ofPushMatrix();

ofTranslate(x, y);

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

ofNoFill();

ofBeginShape();

for (int radius = small_radius; radius <= big_radius; radius += 1) {

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

auto noise_deg = ofMap(ofNoise(x, y, radius * 0.001 + ofGetFrameNum() * 0.01), 0, 1, -20, 20);

auto param = ofMap(abs(center - radius), 0, gap * 0.5, 4, 0);

auto draw_deg = deg + noise_deg * param;

auto vertex = glm::vec2(radius * cos(draw_deg * DEG_TO_RAD), radius * sin(draw_deg * DEG_TO_RAD));

ofVertex(vertex);

}

ofEndShape();

ofFill();

ofDrawCircle(glm::vec2(small_radius * cos(deg * DEG_TO_RAD), small_radius * sin(deg * DEG_TO_RAD)), 2);

ofDrawCircle(glm::vec2(big_radius * cos(deg * DEG_TO_RAD), big_radius * sin(deg * DEG_TO_RAD)), 2);

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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