noise – ページ 122 – プログラミング de 落描き

2022年2月12日

Arrow circles. Draw by openframeworks

[ Video ]

[ About ]
円の上を結ぶ矢印。

Arrows connecting the top of the circle.

[ 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 draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color);

};

#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 draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color);

};

#include "ofApp.h"

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

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

	ofBackground(255);
}

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

}

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

	ofTranslate(ofGetWindowSize() * 0.5);
	
	auto span = 15;
	for (auto radius = 50; radius <= 720; radius += 30) {

		for (auto deg = 0; deg < 720; deg += span - 3) {

			auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			auto noise_location = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));
			auto target_deg = ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.03 + radius * 0.03)), 0, 1, span * -0.5, span * 0.5);
			auto target = glm::vec2(radius * cos((deg + target_deg) * DEG_TO_RAD), radius * sin((deg + target_deg) * DEG_TO_RAD));

			this->draw_arrow(location, target, ofMap(radius, 150, 300, 8, 15), ofColor(0));

		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);
	auto distance = glm::distance(target, location);

	if (glm::length(distance) > size * 0) {

		ofPushMatrix();
		ofTranslate(target);

		ofSetColor(color);
		ofFill();
		ofBeginShape();
		ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));
		ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
		ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
		ofEndShape();

		ofBeginShape();
		ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
		ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));
		ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));
		ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
		ofEndShape();

		ofPopMatrix();
	}

	ofDrawCircle(location, size * 0.3);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(255);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

auto span = 15;

for (auto radius = 50; radius <= 720; radius += 30) {

for (auto deg = 0; deg < 720; deg += span - 3) {

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

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

auto target_deg = ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.03 + radius * 0.03)), 0, 1, span * -0.5, span * 0.5);

auto target = glm::vec2(radius * cos((deg + target_deg) * DEG_TO_RAD), radius * sin((deg + target_deg) * DEG_TO_RAD));

this->draw_arrow(location, target, ofMap(radius, 150, 300, 8, 15), ofColor(0));

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

auto distance = glm::distance(target, location);

if (glm::length(distance) > size * 0) {

ofPushMatrix();

ofTranslate(target);

ofSetColor(color);

ofFill();

ofBeginShape();

ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofPopMatrix();

}

ofDrawCircle(location, size * 0.3);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年2月11日

Noise circle and noise velocity. Draw by openFrameworks

[ Video ]

[ About ]
変化量を円で表示。

The amount of change is displayed as a circle.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(0);
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	auto radius = 150;
	auto span = 1;
	for (auto deg = 0; deg < 360; deg += 6) {

		auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		auto left = glm::vec2(radius * cos((deg + span * 0.5) * DEG_TO_RAD), radius * sin((deg + span * 0.5) * DEG_TO_RAD));
		auto right = glm::vec2(radius * cos((deg - span * 0.5) * DEG_TO_RAD), radius * sin((deg - span * 0.5) * DEG_TO_RAD));
		auto noise_radius = ofMap(ofNoise(glm::vec3(location * 0.1, ofGetFrameNum() * 0.025)), 0, 1, radius * 0.2, radius * 0.8);
		auto noise_location = glm::vec2(noise_radius * cos(deg * DEG_TO_RAD), noise_radius * sin(deg * DEG_TO_RAD));

		ofSetColor(255);

		ofBeginShape();

		ofVertex(left);
		ofVertex(noise_location + left);
		ofVertex(noise_location + right);
		ofVertex(right);

		ofEndShape(true);

		auto circle_radius = ofMap(ofNoise(glm::vec3(location * 0.1, ofGetFrameNum() * 0.025)), 0, 1, 0, radius * 0.8);
		auto prev_circle_radius = ofMap(ofNoise(glm::vec3(location * 0.1, (ofGetFrameNum() - 3) * 0.025)), 0, 1, 0, radius * 0.8);
		auto gap = abs(prev_circle_radius - circle_radius);
		auto alpha = gap < 0.5 ? 0 : ofMap(gap, 0.5, 6, 0, 255);

		ofSetColor(255, alpha);
		ofDrawCircle(glm::vec2(circle_radius * cos(deg * DEG_TO_RAD), circle_radius * sin(deg * DEG_TO_RAD)), 2);
	}


}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

auto radius = 150;

auto span = 1;

for (auto deg = 0; deg < 360; deg += 6) {

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

auto left = glm::vec2(radius * cos((deg + span * 0.5) * DEG_TO_RAD), radius * sin((deg + span * 0.5) * DEG_TO_RAD));

auto right = glm::vec2(radius * cos((deg - span * 0.5) * DEG_TO_RAD), radius * sin((deg - span * 0.5) * DEG_TO_RAD));

auto noise_radius = ofMap(ofNoise(glm::vec3(location * 0.1, ofGetFrameNum() * 0.025)), 0, 1, radius * 0.2, radius * 0.8);

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

ofSetColor(255);

ofBeginShape();

ofVertex(left);

ofVertex(noise_location + left);

ofVertex(noise_location + right);

ofVertex(right);

ofEndShape(true);

auto circle_radius = ofMap(ofNoise(glm::vec3(location * 0.1, ofGetFrameNum() * 0.025)), 0, 1, 0, radius * 0.8);

auto prev_circle_radius = ofMap(ofNoise(glm::vec3(location * 0.1, (ofGetFrameNum() - 3) * 0.025)), 0, 1, 0, radius * 0.8);

auto gap = abs(prev_circle_radius - circle_radius);

auto alpha = gap < 0.5 ? 0 : ofMap(gap, 0.5, 6, 0, 255);

ofSetColor(255, alpha);

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年2月8日2022年2月8日

Beautiful circle. Draw by openframeworks

[ Video ]

[ About ]

近いと線を引く。

Draw a line if it’s close.

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

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

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

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

ofEasyCam cam;

ofMesh mesh;

vector<float> noise_seed_list;

vector<float> noise_param_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	
	this->mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

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

		color.setHsb(ofMap(i, 0, 16, 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 += 2) {

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

			auto loc = this->make_point(radius, radius * 0.3, noise_deg, deg);
			loc.z = 0;

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

		this->noise_param_list[i] += 0.008;
	}

	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() {

	this->cam.begin();

	this->mesh.drawWireframe();

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

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

	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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

ofColor color;

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

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

this->noise_param_list.push_back(0);

color.setHsb(ofMap(i, 0, 16, 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 += 2) {

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

auto noise_deg = ofMap(ofNoise(this->noise_seed_list[i], noise_location.x * 0.0025, noise_location.y * 0.0025, this->noise_param_list[i]), 0, 1, -180, 180);

auto loc = this->make_point(radius, radius * 0.3, noise_deg, deg);

loc.z = 0;

this->mesh.addVertex(loc);

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

}

this->noise_param_list[i] += 0.008;

}

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() {

this->cam.begin();

this->mesh.drawWireframe();

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

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

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

}

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

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