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

2019年2月9日2019年2月9日

Relationship. openFrameworks

[ Video ]

[ About ]
相手との位置関係を把握しながら近づいたら線を引く

Visualized Relationship.

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

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

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

	ofSeedRandom(39);
}

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

	vector<glm::vec2> locations;
	vector<ofColor> colors;
	for (int i = 0; i < 7; i++) {

		auto location = glm::vec2(
			ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.003), 0, 1, 0, ofGetWidth()), 
			ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.003), 0, 1, 0, ofGetHeight()));
		locations.push_back(location);

		ofColor color;
		color.setHsb(ofMap(i, 0, 7, 0, 255), 255, 255);
		colors.push_back(color);
	}

	auto radius = 30.f;
	for (int i = 0; i < locations.size(); i++) {

		ofSetColor(colors[i]);
		ofNoFill();
		ofDrawCircle(locations[i], radius);

		ofFill();
		ofDrawCircle(locations[i], radius * 0.5);

		for (int k = 0; k < locations.size(); k++) {

			if (i == k) { continue; }

			auto angle_i = std::atan2(locations[k].y - locations[i].y, locations[k].x - locations[i].x);
			auto satellite_point_i = locations[i] + glm::vec2(radius * cos(angle_i), radius * sin(angle_i));
			auto angle_k = std::atan2(locations[i].y - locations[k].y, locations[i].x - locations[k].x);
			auto satellite_point_k = locations[k] + glm::vec2(radius * cos(angle_k), radius * sin(angle_k));
			
			auto distance = glm::distance(satellite_point_i, satellite_point_k);
			ofSetColor(colors[i], ofMap(distance, 0, 300, 255, 0));
			ofDrawLine(satellite_point_i, satellite_point_k);

			ofSetColor(colors[k]);
			ofDrawCircle(satellite_point_i, radius * 0.2);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

vector<glm::vec2> locations;

vector<ofColor> colors;

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

auto location = glm::vec2(

ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.003), 0, 1, 0, ofGetWidth()),

ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.003), 0, 1, 0, ofGetHeight()));

locations.push_back(location);

ofColor color;

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

colors.push_back(color);

}

auto radius = 30.f;

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

ofSetColor(colors[i]);

ofNoFill();

ofDrawCircle(locations[i], radius);

ofFill();

ofDrawCircle(locations[i], radius * 0.5);

for (int k = 0; k < locations.size(); k++) {

if (i == k) { continue; }

auto angle_i = std::atan2(locations[k].y - locations[i].y, locations[k].x - locations[i].x);

auto satellite_point_i = locations[i] + glm::vec2(radius * cos(angle_i), radius * sin(angle_i));

auto angle_k = std::atan2(locations[i].y - locations[k].y, locations[i].x - locations[k].x);

auto satellite_point_k = locations[k] + glm::vec2(radius * cos(angle_k), radius * sin(angle_k));

auto distance = glm::distance(satellite_point_i, satellite_point_k);

ofSetColor(colors[i], ofMap(distance, 0, 300, 255, 0));

ofDrawLine(satellite_point_i, satellite_point_k);

ofSetColor(colors[k]);

ofDrawCircle(satellite_point_i, radius * 0.2);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年2月8日2019年2月8日

Shape of between circle to rectangle. openFrameworks

[ Video ]

[ About ]
円の角度情報を元に対応する正方形の座標を算出、ノイズ関数で円と正方形の座標を行き来する図形

Shape of between circle to rectangle.

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

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(2);
	ofNoFill();
}

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

	ofSeedRandom(39);
}

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

	int span = 72;
	int radius = 30;
	int len = radius * 2;
	for (int x = span * 0.5; x < ofGetWidth(); x += span) {

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

			ofPushMatrix();
			ofTranslate(x, y);

			float noise_value = ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01);

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

				glm::vec2 circle_point = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
				glm::vec2 rect_point = this->make_point(len, ofMap(deg, 0, 360, 87.5, 187.5));

				glm::vec2 difference = circle_point - rect_point;
				glm::vec2 between_point = rect_point + difference * noise_value;

				ofVertex(between_point);
			}
			ofEndShape(true);
			ofPopMatrix();
		}
	}
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(2);

ofNoFill();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int span = 72;

int radius = 30;

int len = radius * 2;

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

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

ofPushMatrix();

ofTranslate(x, y);

float noise_value = ofNoise(ofRandom(1000), ofGetFrameNum() * 0.01);

ofBeginShape();

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

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

glm::vec2 rect_point = this->make_point(len, ofMap(deg, 0, 360, 87.5, 187.5));

glm::vec2 difference = circle_point - rect_point;

glm::vec2 between_point = rect_point + difference * noise_value;

ofVertex(between_point);

}

ofEndShape(true);

ofPopMatrix();

}

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

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年2月7日

Afterimage of Noise. openFrameworks

[ Video ]

[ About ]
ノイズの残像

Afterimage of Noise.

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

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

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

}

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

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

	int base_radius = 330;
	for (int radius = base_radius; radius > 0; radius -= 5) {

		vector<glm::vec2> vertices;
		for (int deg = 0; deg < 360; deg += 1) {

			glm::vec2 noise_location = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));
			float noise_value = ofMap(ofNoise(noise_location.x, noise_location.y, radius * 0.005 + ofGetFrameNum() * 0.005), 0, 1, 0.5, 1);
			float noise_radius = radius * noise_value;

			vertices.push_back(glm::vec2(noise_radius * cos(deg * DEG_TO_RAD), noise_radius * sin(deg * DEG_TO_RAD)));
		}

		ofNoFill();
		ofSetColor(255, 0, 0, ofMap(radius , base_radius, 0, 255, 0));
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

int base_radius = 330;

for (int radius = base_radius; radius > 0; radius -= 5) {

vector<glm::vec2> vertices;

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

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

float noise_value = ofMap(ofNoise(noise_location.x, noise_location.y, radius * 0.005 + ofGetFrameNum() * 0.005), 0, 1, 0.5, 1);

float noise_radius = radius * noise_value;

vertices.push_back(glm::vec2(noise_radius * cos(deg * DEG_TO_RAD), noise_radius * sin(deg * DEG_TO_RAD)));

}

ofNoFill();

ofSetColor(255, 0, 0, ofMap(radius , base_radius, 0, 255, 0));

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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