プログラミング de 落書き – openFrameworksの動画とソースを公開

2018年12月14日2018年12月14日

Force field. openFrameworks

[ Video ]

[ About ]
中央の力場で右往左往するパーティクル

Particle move by force field.

[ 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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circles;
	vector<ofColor> circles_color;
	vector<deque<ofPoint>> circles_log;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circles;

vector<ofColor> circles_color;

vector<deque<ofPoint>> circles_log;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetLineWidth(3);

	this->box2d.init();
	this->box2d.setGravity(0, 0);
	this->box2d.createBounds();
	this->box2d.setFPS(60);

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

		auto circle = make_shared<ofxBox2dCircle>();
		circle.get()->setPhysics(0.5, 1.0, 1.0);
		circle.get()->setup(this->box2d.getWorld(), ofRandom(0, ofGetWidth()), ofRandom(0, ofGetHeight()), 8);
		this->circles.push_back(move(circle));

		ofColor c;
		c.setHsb(i * 10, 255, 230);
		this->circles_color.push_back(c);

		deque<ofPoint> log;
		this->circles_log.push_back(log);
	}
}

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

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

		int span = 30;
		for (int x = ofGetWidth() * 0.2; x <= ofGetWidth() * 0.8; x += span) {

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

				if ((this->circles[i]->getPosition().x > x - span * 0.5 && this->circles[i]->getPosition().x < x + span * 0.5) &&
					(this->circles[i]->getPosition().y > y - span * 0.5 && this->circles[i]->getPosition().y < y + span * 0.5))
				{
					float noise_deg = ofNoise(x * 0.0005, y * 0.0005, ofGetFrameNum() * 0.01) * 360;
					ofPoint power = ofPoint(cos(noise_deg * DEG_TO_RAD), sin(noise_deg * DEG_TO_RAD));
					this->circles[i]->addForce(power, 1.0);
				}
			}
		}
	}

	this->box2d.update();

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

		this->circles_log[i].push_front(this->circles[i]->getPosition());
		while (this->circles_log[i].size() > 10) {

			this->circles_log[i].pop_back();
		}
	}
}

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

	ofFill();
	ofSetColor(39);

	int span = 30;
	for (int x = ofGetWidth() * 0.2; x <= ofGetWidth() * 0.8; x += span) {

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

			float noise_deg = ofNoise(x * 0.0005, y * 0.0005, ofGetFrameNum() * 0.01) * 360;

			ofBeginShape();
			ofVertex((x + span * 0.5) + span * 0.35 * cos(noise_deg * DEG_TO_RAD), (y + span * 0.5) + span * 0.35 * sin(noise_deg * DEG_TO_RAD));
			ofVertex((x + span * 0.5) + span * 0.35 * cos((noise_deg + 135) * DEG_TO_RAD), (y + span * 0.5) + span * 0.35 * sin((noise_deg + 135) * DEG_TO_RAD));
			ofVertex((x + span * 0.5) + span * 0.35 * cos((noise_deg + 225) * DEG_TO_RAD), (y + span * 0.5) + span * 0.35 * sin((noise_deg + 225) * DEG_TO_RAD));
			ofEndShape(true);
		}
	}

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

		ofFill();
		ofSetColor(this->circles_color[i]);
		ofDrawCircle(this->circles[i]->getPosition(), this->circles[i]->getRadius());

		ofNoFill();
		ofBeginShape();
		for (int log_index = 0; log_index < this->circles_log[i].size(); log_index++) {

			ofVertex(this->circles_log[i][log_index]);
		}
		ofEndShape(false);
	}
}

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

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

100

101

102

103

104

105

106

107

108

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(3);

this->box2d.init();

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

this->box2d.createBounds();

this->box2d.setFPS(60);

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

auto circle = make_shared<ofxBox2dCircle>();

circle.get()->setPhysics(0.5, 1.0, 1.0);

circle.get()->setup(this->box2d.getWorld(), ofRandom(0, ofGetWidth()), ofRandom(0, ofGetHeight()), 8);

this->circles.push_back(move(circle));

ofColor c;

c.setHsb(i * 10, 255, 230);

this->circles_color.push_back(c);

deque<ofPoint> log;

this->circles_log.push_back(log);

}

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

void ofApp::update() {

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

int span = 30;

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

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

if ((this->circles[i]->getPosition().x > x - span * 0.5 && this->circles[i]->getPosition().x < x + span * 0.5) &&

(this->circles[i]->getPosition().y > y - span * 0.5 && this->circles[i]->getPosition().y < y + span * 0.5))

{

float noise_deg = ofNoise(x * 0.0005, y * 0.0005, ofGetFrameNum() * 0.01) * 360;

ofPoint power = ofPoint(cos(noise_deg * DEG_TO_RAD), sin(noise_deg * DEG_TO_RAD));

this->circles[i]->addForce(power, 1.0);

}

this->box2d.update();

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

this->circles_log[i].push_front(this->circles[i]->getPosition());

while (this->circles_log[i].size() > 10) {

this->circles_log[i].pop_back();

}

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

void ofApp::draw() {

ofFill();

ofSetColor(39);

int span = 30;

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

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

float noise_deg = ofNoise(x * 0.0005, y * 0.0005, ofGetFrameNum() * 0.01) * 360;

ofBeginShape();

ofVertex((x + span * 0.5) + span * 0.35 * cos(noise_deg * DEG_TO_RAD), (y + span * 0.5) + span * 0.35 * sin(noise_deg * DEG_TO_RAD));

ofVertex((x + span * 0.5) + span * 0.35 * cos((noise_deg + 135) * DEG_TO_RAD), (y + span * 0.5) + span * 0.35 * sin((noise_deg + 135) * DEG_TO_RAD));

ofVertex((x + span * 0.5) + span * 0.35 * cos((noise_deg + 225) * DEG_TO_RAD), (y + span * 0.5) + span * 0.35 * sin((noise_deg + 225) * DEG_TO_RAD));

ofEndShape(true);

}

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

ofFill();

ofSetColor(this->circles_color[i]);

ofDrawCircle(this->circles[i]->getPosition(), this->circles[i]->getRadius());

ofNoFill();

ofBeginShape();

for (int log_index = 0; log_index < this->circles_log[i].size(); log_index++) {

ofVertex(this->circles_log[i][log_index]);

}

ofEndShape(false);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Sponsor Link ]

2018年12月13日2018年12月13日

noise mosaic. openFrameworks

[ Video ]

[ About ]
ノイズ関数でドットをユラユラ

Noise mosaic.

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

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

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

	ofSeedRandom(39);
}

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

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

		color.setHsb(i * 5, 255, 255);
		ofSetColor(color, 128);

		float noise_seed_x = ofRandom(1000);
		float noise_seed_y = ofRandom(1000);

		for (int l = 0; l < 5; l++) {

			int x = ofMap(ofNoise(noise_seed_x + (ofGetFrameNum() + l) * 0.05), 0, 1, 0, ofGetWidth());
			int y = ofMap(ofNoise(noise_seed_y + (ofGetFrameNum() + l) * 0.05), 0, 1, 0, ofGetHeight());

			x = (x / 15) * 15;
			y = (y / 15) * 15;

			glm::vec2 location = glm::vec2(x, y);

			ofDrawRectangle(location, 15, 15);
		}
	}
}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofColor color;

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

color.setHsb(i * 5, 255, 255);

ofSetColor(color, 128);

float noise_seed_x = ofRandom(1000);

float noise_seed_y = ofRandom(1000);

for (int l = 0; l < 5; l++) {

int x = ofMap(ofNoise(noise_seed_x + (ofGetFrameNum() + l) * 0.05), 0, 1, 0, ofGetWidth());

int y = ofMap(ofNoise(noise_seed_y + (ofGetFrameNum() + l) * 0.05), 0, 1, 0, ofGetHeight());

x = (x / 15) * 15;

y = (y / 15) * 15;

glm::vec2 location = glm::vec2(x, y);

ofDrawRectangle(location, 15, 15);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Sponsor Link ]

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

Quadrilateral(3D). openFrameworks

[ Video ]

[ About ]
3次元の座標4点を結んで四角形(?)を生成

Connect the coordinates(3D) of 4 points with a line.

[ 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;
	float noise_seed;
};

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

float noise_seed;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(39);
	ofSetColor(239);
	ofEnableDepthTest();

	this->noise_seed = 0;
}

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

	ofSeedRandom(10);

	if (ofGetFrameNum() % 60 < 45) {

		this->noise_seed += ofMap(ofGetFrameNum() % 60, 0, 45, 0.03, 0);
	}
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.2);

	int span = 240;
	int range = 80;
	for (int x = -ofGetWidth() * 0.5; x <= ofGetWidth() * 0.5; x += span) {

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

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

				ofPushMatrix();
				ofTranslate(x, y, z);

				ofFill();
				glm::vec3 top_point, prev_point;
				int number_of_point = 4;
				for (int i = 0; i < number_of_point; i++) {

					glm::vec3 point = glm::vec3(
						ofMap(ofNoise(ofRandom(10000), this->noise_seed), 0, 1, -range * 0.5, range * 0.5),
						ofMap(ofNoise(ofRandom(10000), this->noise_seed), 0, 1, -range * 0.5, range * 0.5),
						ofMap(ofNoise(ofRandom(10000), this->noise_seed), 0, 1, -range * 0.5, range * 0.5));

					ofDrawSphere(point, 5);
					if (i != 0) {


						ofDrawLine(prev_point, point);
					}
					else {

						top_point = point;
					}

					prev_point = point;
				}
				ofDrawLine(top_point, prev_point);

				ofPopMatrix();
			}
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofSetColor(239);

ofEnableDepthTest();

this->noise_seed = 0;

}

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

void ofApp::update() {

ofSeedRandom(10);

if (ofGetFrameNum() % 60 < 45) {

this->noise_seed += ofMap(ofGetFrameNum() % 60, 0, 45, 0.03, 0);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.2);

int span = 240;

int range = 80;

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

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

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

ofPushMatrix();

ofTranslate(x, y, z);

ofFill();

glm::vec3 top_point, prev_point;

int number_of_point = 4;

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

glm::vec3 point = glm::vec3(

ofMap(ofNoise(ofRandom(10000), this->noise_seed), 0, 1, -range * 0.5, range * 0.5),

ofMap(ofNoise(ofRandom(10000), this->noise_seed), 0, 1, -range * 0.5, range * 0.5));

ofDrawSphere(point, 5);

if (i != 0) {

ofDrawLine(prev_point, point);

}

else {

top_point = point;

}

prev_point = point;

}

ofDrawLine(top_point, prev_point);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Sponsor Link ]

2018年12月
月	火	水	木	金	土	日
« 11月
					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