プログラミング de 落描き – ページ 829 – クリエイティブ・コーディングによる生成物とソース

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月11日2018年5月11日

円をつなぐ線 openFrameworks

[ Video ]

[ About ]
4つの円の円周上の座標を線で結んでいます。円ごとに90度づつズレがあり、独特の歪みと周期があって面白い。

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

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

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

	ofPoint point_left = ofPoint(ofGetWidth() / 6 * 1, ofGetHeight() / 2);
	ofPoint point_right = ofPoint(ofGetWidth() / 6 * 5, ofGetHeight() / 2);
	ofPoint point_top = ofPoint(ofGetWidth() / 2, ofGetHeight() / 6 * 1);
	ofPoint point_bottom = ofPoint(ofGetWidth() / 2, ofGetHeight() / 6 * 5);

	float radius = 100;
	ofColor color;
	for (int deg = 0; deg < 360; deg += 15) {

		color.setHsb(ofMap(deg % 360, 0, 359, 0, 255), 239, 239);
		ofSetColor(color);

		int deg_left = deg + ofGetFrameNum() * 0.5;
		int deg_top = deg_left + 90;
		int deg_right = deg_top + 90;
		int deg_bottom = deg_right + 90;

		ofPoint mini_point_left = point_left + ofPoint(radius * cos(deg_left * DEG_TO_RAD), radius * sin(deg_left * DEG_TO_RAD));
		ofPoint mini_point_top = point_top + ofPoint(radius * cos(deg_top * DEG_TO_RAD), radius * sin(deg_top * DEG_TO_RAD));
		ofPoint mini_point_right = point_right + ofPoint(radius * cos(deg_right * DEG_TO_RAD), radius * sin(deg_right * DEG_TO_RAD));
		ofPoint mini_point_bottom = point_bottom + ofPoint(radius * cos(deg_bottom * DEG_TO_RAD), radius * sin(deg_bottom * DEG_TO_RAD));

		ofDrawCircle(mini_point_left, 3);
		ofDrawCircle(mini_point_top, 3);
		ofDrawCircle(mini_point_right, 3);
		ofDrawCircle(mini_point_bottom, 3);

		ofDrawLine(mini_point_left, mini_point_top);
		ofDrawLine(mini_point_top, mini_point_right);
		ofDrawLine(mini_point_right, mini_point_bottom);
		ofDrawLine(mini_point_bottom, mini_point_left);
	}
}

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

}

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

void ofApp::draw() {

ofPoint point_left = ofPoint(ofGetWidth() / 6 * 1, ofGetHeight() / 2);

ofPoint point_right = ofPoint(ofGetWidth() / 6 * 5, ofGetHeight() / 2);

ofPoint point_top = ofPoint(ofGetWidth() / 2, ofGetHeight() / 6 * 1);

ofPoint point_bottom = ofPoint(ofGetWidth() / 2, ofGetHeight() / 6 * 5);

float radius = 100;

ofColor color;

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

color.setHsb(ofMap(deg % 360, 0, 359, 0, 255), 239, 239);

ofSetColor(color);

int deg_left = deg + ofGetFrameNum() * 0.5;

int deg_top = deg_left + 90;

int deg_right = deg_top + 90;

int deg_bottom = deg_right + 90;

ofPoint mini_point_left = point_left + ofPoint(radius * cos(deg_left * DEG_TO_RAD), radius * sin(deg_left * DEG_TO_RAD));

ofPoint mini_point_top = point_top + ofPoint(radius * cos(deg_top * DEG_TO_RAD), radius * sin(deg_top * DEG_TO_RAD));

ofPoint mini_point_right = point_right + ofPoint(radius * cos(deg_right * DEG_TO_RAD), radius * sin(deg_right * DEG_TO_RAD));

ofPoint mini_point_bottom = point_bottom + ofPoint(radius * cos(deg_bottom * DEG_TO_RAD), radius * sin(deg_bottom * DEG_TO_RAD));

ofDrawCircle(mini_point_left, 3);

ofDrawCircle(mini_point_top, 3);

ofDrawCircle(mini_point_right, 3);

ofDrawCircle(mini_point_bottom, 3);

ofDrawLine(mini_point_left, mini_point_top);

ofDrawLine(mini_point_top, mini_point_right);

ofDrawLine(mini_point_right, mini_point_bottom);

ofDrawLine(mini_point_bottom, mini_point_left);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年5月10日2018年5月15日

力場によって動くParticle openFrameworks Box2d

[ Video ]

[ About ]
画面内の4カ所に力場が存在しており、Particleは力場に引っ張られて動いています。また、Particleのスピードにより尻尾のようなものを生えるようにしました。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.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) {}

	ofxBox2d box2d;
	int force_field_radius;
	vector<shared_ptr<ofxBox2dCircle>> circles;
	vector<ofPoint> force_fields;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.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) {}

ofxBox2d box2d;

int force_field_radius;

vector<shared_ptr<ofxBox2dCircle>> circles;

vector<ofPoint> force_fields;

};

#include "ofApp.h"

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

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

	ofSetColor(39);

	// Initialize ofxBox2d
	this->box2d.init();
	this->box2d.setGravity(0, 0);
	this->box2d.createBounds();
	this->box2d.setFPS(60);
	this->box2d.registerGrabbing();

	// Add Circle
	for (int i = 0; i < 255; i++) {

		float radius = 10;
		auto circle = make_shared<ofxBox2dCircle>();
		circle->setPhysics(1.0, 0.63, 0.1);
		circle->setup(this->box2d.getWorld(), ofRandom(ofGetWidth() / 2), ofRandom(ofGetHeight() / 2), radius);

		this->circles.push_back(circle);
	}

	// Add Field of Force
	this->force_fields.push_back(ofPoint(ofGetWidth() / 4, ofGetHeight() / 4));
	this->force_fields.push_back(ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4));
	this->force_fields.push_back(ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4 * 3));
	this->force_fields.push_back(ofPoint(ofGetWidth() / 4, ofGetHeight() / 4 * 3));

	this->force_field_radius = 150;
}

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

	// Field of Force
	for (int i = 0; i < this->circles.size(); i++) {

		shared_ptr<ofxBox2dCircle> circle = this->circles[i];
		ofPoint point = circle->getPosition();
		for (int field_index = 0; field_index < this->force_fields.size(); field_index++) {

			float distance = point.distance(this->force_fields[field_index]);
			if (distance < this->force_field_radius) {

				ofPoint p = ofPoint(this->force_field_radius * cos((field_index * 90 + 10) * DEG_TO_RAD), this->force_field_radius * sin((field_index * 90 + 10) * DEG_TO_RAD));
				circle->addForce(p, ofMap(distance, 0, this->force_field_radius, 0.1, 0.01));
			}
		}
	}

	// Compute box2d
	this->box2d.update();
}


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

	// Draw Circles
	for (int i = 0; i < this->circles.size(); i++) {

		float radius = this->circles[i]->getRadius();
		ofPoint point = this->circles[i]->getPosition();
		ofPoint velocity = this->circles[i]->getVelocity();

		ofPushMatrix();
		ofTranslate(point);

		if (velocity.length() < radius) {

			ofDrawCircle(ofPoint(), radius);
		}
		else {

			float velocity_deg = atan2f(velocity.y, velocity.x) * RAD_TO_DEG + 180;
			ofBeginShape();
			for (int deg = velocity_deg + 90; deg < velocity_deg + 270; deg++) {

				ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			}
			ofVertex(-velocity * 2);
			ofEndShape(true);
		}

		ofPopMatrix();
	}
}

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

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

100

101

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofSetColor(39);

// Initialize ofxBox2d

this->box2d.init();

this->box2d.setGravity(0, 0);

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

// Add Circle

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

float radius = 10;

auto circle = make_shared<ofxBox2dCircle>();

circle->setPhysics(1.0, 0.63, 0.1);

circle->setup(this->box2d.getWorld(), ofRandom(ofGetWidth() / 2), ofRandom(ofGetHeight() / 2), radius);

this->circles.push_back(circle);

}

// Add Field of Force

this->force_fields.push_back(ofPoint(ofGetWidth() / 4, ofGetHeight() / 4));

this->force_fields.push_back(ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4));

this->force_fields.push_back(ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4 * 3));

this->force_fields.push_back(ofPoint(ofGetWidth() / 4, ofGetHeight() / 4 * 3));

this->force_field_radius = 150;

}

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

void ofApp::update() {

// Field of Force

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

shared_ptr<ofxBox2dCircle> circle = this->circles[i];

ofPoint point = circle->getPosition();

for (int field_index = 0; field_index < this->force_fields.size(); field_index++) {

float distance = point.distance(this->force_fields[field_index]);

if (distance < this->force_field_radius) {

ofPoint p = ofPoint(this->force_field_radius * cos((field_index * 90 + 10) * DEG_TO_RAD), this->force_field_radius * sin((field_index * 90 + 10) * DEG_TO_RAD));

circle->addForce(p, ofMap(distance, 0, this->force_field_radius, 0.1, 0.01));

}

// Compute box2d

this->box2d.update();

}

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

void ofApp::draw() {

// Draw Circles

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

float radius = this->circles[i]->getRadius();

ofPoint point = this->circles[i]->getPosition();

ofPoint velocity = this->circles[i]->getVelocity();

ofPushMatrix();

ofTranslate(point);

if (velocity.length() < radius) {

ofDrawCircle(ofPoint(), radius);

}

else {

float velocity_deg = atan2f(velocity.y, velocity.x) * RAD_TO_DEG + 180;

ofBeginShape();

for (int deg = velocity_deg + 90; deg < velocity_deg + 270; deg++) {

ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

}

ofVertex(-velocity * 2);

ofEndShape(true);

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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