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

2018年5月12日2018年5月12日

うごめく円 openFrameworks

[ Video ]

[ About ]
大きな円を小さな円で埋める動きに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) {};

		void draw_circles(ofPoint range_point, int range_radius, int number_of_circles);
};

#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_circles(ofPoint range_point, int range_radius, int number_of_circles);

};

#include "ofApp.h"

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

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

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

	ofSeedRandom(39);
}

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

	this->draw_circles(ofPoint(ofGetWidth() / 2, ofGetHeight() / 2), 300, 600);
}

//--------------------------------------------------------------
void ofApp::draw_circles(ofPoint range_point, int range_radius, int number_of_circles) {

	ofPushMatrix();
	ofTranslate(range_point);

	int min = 3;
	int max = 35;

	vector<tuple<ofColor, ofPoint, float>> circles;
	while (circles.size() < number_of_circles) {

		ofPoint point = ofPoint(ofRandom(-range_radius, range_radius), ofRandom(-range_radius, range_radius));
		point *= 1 + ofNoise(point.x * 0.005, point.y * 0.005, ofGetFrameNum() * 0.005);
		if (point.length() > range_radius) {

			continue;
		}

		ofColor color;
		color.setHsb(ofRandom(0, 255), 239, 239);
		float radius = ofRandom(min, max);

		bool flag = true;
		for (int i = 0; i < circles.size(); i++) {

			while (radius > min) {

				if (point.distance(get<1>(circles[i])) < get<2>(circles[i]) + radius) {

					radius *= 0.9;
				}
				else {

					break;
				}
			}

			if (radius < min) {
				
				flag = false;
				break;
			}
		}

		if (flag) {

			circles.push_back(make_tuple(color, point, radius));
		}
	}

	for (int circles_index = 0; circles_index < circles.size(); circles_index++) {

		ofColor color = get<0>(circles[circles_index]);
		ofPoint point = get<1>(circles[circles_index]);
		float radius = get<2>(circles[circles_index]);

		ofSetColor(color);
		ofDrawCircle(point, radius);
	}

	ofPopMatrix();
}


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

this->draw_circles(ofPoint(ofGetWidth() / 2, ofGetHeight() / 2), 300, 600);

}

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

void ofApp::draw_circles(ofPoint range_point, int range_radius, int number_of_circles) {

ofPushMatrix();

ofTranslate(range_point);

int min = 3;

int max = 35;

vector<tuple<ofColor, ofPoint, float>> circles;

while (circles.size() < number_of_circles) {

ofPoint point = ofPoint(ofRandom(-range_radius, range_radius), ofRandom(-range_radius, range_radius));

point *= 1 + ofNoise(point.x * 0.005, point.y * 0.005, ofGetFrameNum() * 0.005);

if (point.length() > range_radius) {

continue;

}

ofColor color;

color.setHsb(ofRandom(0, 255), 239, 239);

float radius = ofRandom(min, max);

bool flag = true;

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

while (radius > min) {

if (point.distance(get<1>(circles[i])) < get<2>(circles[i]) + radius) {

radius *= 0.9;

}

else {

break;

}

if (radius < min) {

flag = false;

break;

}

if (flag) {

circles.push_back(make_tuple(color, point, radius));

}

for (int circles_index = 0; circles_index < circles.size(); circles_index++) {

ofColor color = get<0>(circles[circles_index]);

ofPoint point = get<1>(circles[circles_index]);

float radius = get<2>(circles[circles_index]);

ofSetColor(color);

ofDrawCircle(point, radius);

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年5月4日2018年5月4日

デブリ openFrameworks

[ Video ]

[ About ]
円柱状の空間を目に見えないParticleが一定速度で移動しています。Particle同士の距離が一定以下になったとき、Particle自身とそれぞれのParticleを結ぶ線が浮き出ます。また、距離と透過度は連動しており、近づくほどハッキリと、遠ざかると薄っすらとなっていきます。

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

	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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofBackground(39);
	ofSetWindowTitle("Insta");

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

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

	ofSeedRandom(39);
}

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

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

	// Make Particle Location
	vector<ofPoint> points;
	for (int i = 0; i < 512; i++) {

		int radius = ofRandom(100, 300);
		float z_speed = ofRandom(1, 3);
		float deg_speed = ofRandom(1, 2);

		float deg = ofRandom(360) + ofGetFrameNum() * deg_speed;
		float z = ofRandom(-ofGetWidth() / 2, ofGetWidth() / 2);
		z += (int)(z + ofGetFrameNum() * z_speed) % ofGetWidth() - ofGetWidth() / 2;
		ofPoint point(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z);

		points.push_back(point);
	}
	
	// Draw Particle
	for (int i = 0; i < points.size(); i++) {

		for (int j = i + 1; j < points.size(); j++) {

			float distance = points[i].distance(points[j]);
			if (distance < 40) {

				ofSetColor(239, ofMap(distance, 0, 40, 255, 128));

				ofDrawLine(points[i], points[j]);
				ofDrawSphere(points[i], 3);
				ofDrawSphere(points[j], 3);
			}
			else if(distance < 50){

				ofSetColor(239, ofMap(distance, 40, 50, 128, 0));

				ofDrawLine(points[i], points[j]);
				ofDrawSphere(points[i], 3);
				ofDrawSphere(points[j], 3);
			}
		}
	}
	
	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

// Make Particle Location

vector<ofPoint> points;

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

int radius = ofRandom(100, 300);

float z_speed = ofRandom(1, 3);

float deg_speed = ofRandom(1, 2);

float deg = ofRandom(360) + ofGetFrameNum() * deg_speed;

float z = ofRandom(-ofGetWidth() / 2, ofGetWidth() / 2);

z += (int)(z + ofGetFrameNum() * z_speed) % ofGetWidth() - ofGetWidth() / 2;

ofPoint point(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z);

points.push_back(point);

}

// Draw Particle

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

for (int j = i + 1; j < points.size(); j++) {

float distance = points[i].distance(points[j]);

if (distance < 40) {

ofSetColor(239, ofMap(distance, 0, 40, 255, 128));

ofDrawLine(points[i], points[j]);

ofDrawSphere(points[i], 3);

ofDrawSphere(points[j], 3);

}

else if(distance < 50){

ofSetColor(239, ofMap(distance, 40, 50, 128, 0));

ofDrawLine(points[i], points[j]);

ofDrawSphere(points[i], 3);

ofDrawSphere(points[j], 3);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年4月30日2018年4月30日

Cording Life Part1 openFramewoks

[ Video ]

[ About ]
連休だし、何か新しい事を始めたいと思い、いつもしているopenFramewoksでの作業風景をYoutube Liveで垂れ流してみました。動画をMP4、ソースコードをBlogやGitにPushした段階で、自分の中では、一つのアウトプットとして固まってしまいますが、こうやってコーディングの履歴を記録していると、それぞれの経緯や思惑のようなものが時系列的に見えて、なかなか面白いなぁと思います。

Youtube Liveだとアーカイブが残るのでTwitterで宣伝したのですが、「ダウンロード(!?)して3倍速で見たよ、 Awesome!」というコメントを頂けたので、とりあえずは成功かな。ソースコードをもうちょっと見える形にしたり、配信上の改善は重ねないといけませんが、結構面白いので、週末とか休みのタイミングで引き続きやっていきたいなと思います。

[ 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");

	ofSetColor(239);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

}

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

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

	int radius = 300;
	vector<ofColor> colors = { ofColor(239, 39, 39), ofColor(39, 239, 39), ofColor(39, 39, 239)};

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

		ofSetColor(colors[i], 239);

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

			int x = radius * cos(deg * DEG_TO_RAD);
			int y = radius * sin(deg * DEG_TO_RAD);

			float noise_value = ofNoise(i, x * 0.001, y * 0.001, ofGetFrameNum() * 0.008);
			noise_value = floorf(noise_value * 10) * 0.1 + 0.25;

			x = (radius * noise_value) * cos(deg * DEG_TO_RAD);
			y = (radius * noise_value) * sin(deg * DEG_TO_RAD);

			ofVertex(ofPoint(x, y));
		}
		ofEndShape(true);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofSetColor(239);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

int radius = 300;

vector<ofColor> colors = { ofColor(239, 39, 39), ofColor(39, 239, 39), ofColor(39, 39, 239)};

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

ofSetColor(colors[i], 239);

ofBeginShape();

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

int x = radius * cos(deg * DEG_TO_RAD);

int y = radius * sin(deg * DEG_TO_RAD);

float noise_value = ofNoise(i, x * 0.001, y * 0.001, ofGetFrameNum() * 0.008);

noise_value = floorf(noise_value * 10) * 0.1 + 0.25;

x = (radius * noise_value) * cos(deg * DEG_TO_RAD);

y = (radius * noise_value) * sin(deg * DEG_TO_RAD);

ofVertex(ofPoint(x, y));

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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