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

2018年4月22日2018年4月21日

トリコロールらせん openFrameworks

[ Video ]

[ About ]
赤と青と白(背景色)でトリコロールカラー！

[ Source ]

#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;
	ofPoint make_point(float radius, float small_radius, float deg, float small_deg);
};

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

ofPoint make_point(float radius, float small_radius, float deg, float small_deg);

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(239);
	ofSetWindowTitle("Insta");
	ofEnableDepthTest();
}

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

}

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

	this->cam.begin();
	ofRotateX(180);

	float radius = 350;
	float small_radius = 50;
	ofPoint start, end;

	ofSetColor(239, 39, 39);
	for (int deg = 0; deg <= 360; deg += 1) {

		start = make_point(radius, small_radius, deg, deg * 8 + ofGetFrameNum());
		end = make_point(radius, small_radius, deg + 10, deg * 8 + ofGetFrameNum());

		ofDrawLine(start, end);
		ofDrawSphere(start, 2);
		ofDrawSphere(end, 2);
	}

	ofSetColor(39, 39, 239);
	for (int deg = 0; deg <= 360; deg += 1) {
	
		start = make_point(radius, small_radius, deg, deg * 8 + ofGetFrameNum() + 180);
		end = make_point(radius, small_radius, deg + 10, deg * 8 + ofGetFrameNum() + 180);

		ofDrawLine(start, end);
		ofDrawSphere(start, 2);
		ofDrawSphere(end, 2);
	}

	this->cam.end();
}

//--------------------------------------------------------------
ofPoint ofApp::make_point(float radius, float small_radius, float deg, float small_deg) {

	float x_1 = radius * cos(deg * DEG_TO_RAD);
	float y_1 = radius * sin(deg * DEG_TO_RAD);

	float x_2 = small_radius * cos(small_deg * DEG_TO_RAD) * cos(deg * DEG_TO_RAD);
	float y_2 = small_radius * cos(small_deg * DEG_TO_RAD) * sin(deg * DEG_TO_RAD);

	float x = x_1 + x_2;
	float y = y_1 + y_2;
	float z = small_radius * sin(small_deg * DEG_TO_RAD);

	return ofPoint(x, y, z);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

float radius = 350;

float small_radius = 50;

ofPoint start, end;

ofSetColor(239, 39, 39);

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

start = make_point(radius, small_radius, deg, deg * 8 + ofGetFrameNum());

end = make_point(radius, small_radius, deg + 10, deg * 8 + ofGetFrameNum());

ofDrawLine(start, end);

ofDrawSphere(start, 2);

ofDrawSphere(end, 2);

}

ofSetColor(39, 39, 239);

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

start = make_point(radius, small_radius, deg, deg * 8 + ofGetFrameNum() + 180);

end = make_point(radius, small_radius, deg + 10, deg * 8 + ofGetFrameNum() + 180);

ofDrawLine(start, end);

ofDrawSphere(start, 2);

ofDrawSphere(end, 2);

}

this->cam.end();

}

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

ofPoint ofApp::make_point(float radius, float small_radius, float deg, float small_deg) {

float x_1 = radius * cos(deg * DEG_TO_RAD);

float y_1 = radius * sin(deg * DEG_TO_RAD);

float x_2 = small_radius * cos(small_deg * DEG_TO_RAD) * cos(deg * DEG_TO_RAD);

float y_2 = small_radius * cos(small_deg * DEG_TO_RAD) * sin(deg * DEG_TO_RAD);

float x = x_1 + x_2;

float y = y_1 + y_2;

float z = small_radius * sin(small_deg * DEG_TO_RAD);

return ofPoint(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年4月21日2018年4月20日

座標で色を変えた円 openFrameworks

[ Video ]

[ About ]
Twitterでカッコ良い投稿を発見したので、真似してみました。結果、だいぶ違う雰囲気にはなってしまいましたが、「どうなってるんだろう」って考えながら自分で組むのも面白いですね。

an exploration of determining color using location based probability #generative #processing pic.twitter.com/I9Bw2GyLlg

— an assortment of colored pixels (@SirWalterLumen) 2018年4月19日

[ 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);
	ofBackground(239);
	ofSetWindowTitle("Insta");
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

	int radius_width = 6;
	int radius_param_span = 3;
	for (int radius_param = 500; radius_param < 3200; radius_param += radius_param_span) {

		float radius = radius_param * 0.1f;

		int deg_span = 1;
		int start_deg = ofRandom(360);
		start_deg += ofMap(ofNoise(ofRandom(360) * 0.005 + ofGetFrameNum() * 0.01), 0, 1, -30, 30);
		int end_deg = start_deg + ofRandom(30, 60);

		ofPoint point = ofPoint(radius * cos(((start_deg + end_deg) / 2) * DEG_TO_RAD), radius * sin(((start_deg + end_deg) / 2) * DEG_TO_RAD));
		if (point.y < -160) {

			ofSetColor(48, 169, 222, 139);
		}
		else if (point.y < 0) {

			ofSetColor(239, 220, 5, 139);
		}
		else if (point.y < 160) {

			ofSetColor(229, 58, 64, 139);
		}
		else {

			ofSetColor(9, 7, 7, 139);
		}

		vector<ofPoint> vertices;
		for (int deg = start_deg; deg <= end_deg; deg += deg_span) {

			vertices.push_back(ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
		}
		for (int deg = end_deg; deg >= start_deg; deg -= deg_span) {

			vertices.push_back(ofPoint((radius + radius_width) * cos(deg * DEG_TO_RAD), (radius + radius_width) * sin(deg * DEG_TO_RAD)));
		}

		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

int radius_width = 6;

int radius_param_span = 3;

for (int radius_param = 500; radius_param < 3200; radius_param += radius_param_span) {

float radius = radius_param * 0.1f;

int deg_span = 1;

int start_deg = ofRandom(360);

start_deg += ofMap(ofNoise(ofRandom(360) * 0.005 + ofGetFrameNum() * 0.01), 0, 1, -30, 30);

int end_deg = start_deg + ofRandom(30, 60);

ofPoint point = ofPoint(radius * cos(((start_deg + end_deg) / 2) * DEG_TO_RAD), radius * sin(((start_deg + end_deg) / 2) * DEG_TO_RAD));

if (point.y < -160) {

ofSetColor(48, 169, 222, 139);

}

else if (point.y < 0) {

ofSetColor(239, 220, 5, 139);

}

else if (point.y < 160) {

ofSetColor(229, 58, 64, 139);

}

else {

ofSetColor(9, 7, 7, 139);

}

vector<ofPoint> vertices;

for (int deg = start_deg; deg <= end_deg; deg += deg_span) {

vertices.push_back(ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

}

for (int deg = end_deg; deg >= start_deg; deg -= deg_span) {

vertices.push_back(ofPoint((radius + radius_width) * cos(deg * DEG_TO_RAD), (radius + radius_width) * sin(deg * DEG_TO_RAD)));

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年4月20日2018年4月19日

カラフルな円を沢山描く openFrameworks

[ Video ]

[ About ]
円を沢山描写しています。円の座標や大きさは、ランダムの値＋Noise関数による揺らぎをもってい、ふわふわと揺れ動いています。また、円の色は0座標(左上)からの距離によって決まり、変化するようになっているので色が連続的に変化しています。

[ 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);
	ofBackground(39);
	ofSetWindowTitle("Insta");

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	int min_size = 3;
	int max_size = 35;
	int number_of_circle = 512 + 128;
	for (int i = 0; i < number_of_circle; i++) {

		float size = ofRandom(min_size, max_size) + ofMap(ofNoise(ofRandom(512) * 0.005, ofGetFrameNum() * 0.001), 0, 1, -max_size, max_size);
		float x = ofRandom(0, ofGetWidth());
		float y = ofRandom(0, ofGetHeight());
		x += ofMap(ofNoise(ofRandom(number_of_circle) * 0.005, ofGetFrameNum() * 0.005), 0, 1, -size, size);
		y += ofMap(ofNoise(ofRandom(number_of_circle) * 0.005, ofGetFrameNum() * 0.005), 0, 1, -size, size);

		ofColor circle_color;
		circle_color.setHsb(((int)ofPoint(x, y).length() - ofGetFrameNum()) % 255, 255, 255);
		ofSetColor(circle_color, ofMap(size, min_size, max_size, 255, 25));

		ofDrawCircle(x, y, size);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int min_size = 3;

int max_size = 35;

int number_of_circle = 512 + 128;

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

float size = ofRandom(min_size, max_size) + ofMap(ofNoise(ofRandom(512) * 0.005, ofGetFrameNum() * 0.001), 0, 1, -max_size, max_size);

float x = ofRandom(0, ofGetWidth());

float y = ofRandom(0, ofGetHeight());

x += ofMap(ofNoise(ofRandom(number_of_circle) * 0.005, ofGetFrameNum() * 0.005), 0, 1, -size, size);

y += ofMap(ofNoise(ofRandom(number_of_circle) * 0.005, ofGetFrameNum() * 0.005), 0, 1, -size, size);

ofColor circle_color;

circle_color.setHsb(((int)ofPoint(x, y).length() - ofGetFrameNum()) % 255, 255, 255);

ofSetColor(circle_color, ofMap(size, min_size, max_size, 255, 25));

ofDrawCircle(x, y, size);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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