Particle – ページ 19 – プログラミング de 落描き

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

カラフルわっか openFrameworks

[ Video ]

[ About ]
SNSに投稿を始めたころのヤツをイメージして。以前はParticleクラスとして定義していましたが、今回はRandomとNoiseを使って毎フレーム計算して算出するようにしました。

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

#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(239);
	ofSetWindowTitle("Insta");

	//ofBackground(39);
	//ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

//--------------------------------------------------------------
void ofApp::draw() {
	
	ofSeedRandom(39);
	ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

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

		float size = ofRandom(20.f);
		float deg = ofRandom(360.f) + ofGetFrameNum() * ofMap(size, 0, 20, 0.8, 0.15);
		float noise_value = ofMap(ofNoise(i * 0.5, ofGetFrameNum() * 0.005), 0, 1, 0.8, 1.2);
		float x = radius * noise_value * cos(deg * DEG_TO_RAD);
		float y = radius * noise_value * sin(deg * DEG_TO_RAD);
		ofPoint point = ofPoint(x, y);

		ofColor c;
		c.setHsb(i % 256, 239, 239);
		ofSetColor(c, 139);
		ofFill();
		ofDrawCircle(point, size);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

//ofBackground(39);

//ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofSeedRandom(39);

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

float radius = 250;

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

float size = ofRandom(20.f);

float deg = ofRandom(360.f) + ofGetFrameNum() * ofMap(size, 0, 20, 0.8, 0.15);

float noise_value = ofMap(ofNoise(i * 0.5, ofGetFrameNum() * 0.005), 0, 1, 0.8, 1.2);

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

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

ofPoint point = ofPoint(x, y);

ofColor c;

c.setHsb(i % 256, 239, 239);

ofSetColor(c, 139);

ofFill();

ofDrawCircle(point, size);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年2月24日2018年2月23日

伸び縮み openFrameworks

[ Video ]

[ About ]
トーラス座標上に伸びた線が伸びたり縮んだりします。

[ Source ]

#include "ofMain.h"
#include "Particle.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;
	std::vector<std::unique_ptr<Particle>> particles;
};

#include "ofMain.h"

#include "Particle.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;

std::vector<std::unique_ptr<Particle>> particles;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
	ofSetLineWidth(1.2);

	ofColor body_color;
	for (int i = 0; i < 12; i++) {

		switch (i)
		{
		case 0:
			body_color = ofColor(255, 0, 0);
			break;
		case 4:
			body_color = ofColor(0, 255, 0);
			break;
		case 8:
			body_color = ofColor(0, 0, 255);
			break;
		default:
			body_color = ofColor(255);
			break;
		}
			
		std::unique_ptr<Particle> particle(new Particle(i * 30, body_color));
		this->particles.push_back(std::move(particle));
	}
}

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

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

		this->particles[i]->update();
	}
}

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

	this->cam.begin();

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

		this->particles[i]->draw(this->particles);
	}
		
	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofSetLineWidth(1.2);

ofColor body_color;

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

switch (i)

{

case 0:

body_color = ofColor(255, 0, 0);

break;

case 4:

body_color = ofColor(0, 255, 0);

break;

case 8:

body_color = ofColor(0, 0, 255);

break;

default:

body_color = ofColor(255);

break;

}

std::unique_ptr<Particle> particle(new Particle(i * 30, body_color));

this->particles.push_back(std::move(particle));

}

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

void ofApp::update() {

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

this->particles[i]->update();

}

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

void ofApp::draw() {

this->cam.begin();

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

this->particles[i]->draw(this->particles);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Particle {
public:

	Particle(float value, ofColor body_color);
	~Particle();

	void update();
	void draw(const vector<unique_ptr<Particle>> &particles);

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

	float radius;
	float small_radius;
	float deg;
	float small_deg;
	float deg_span;
	float small_deg_span;
	float value;

	ofColor body_color;
};

#pragma once

#include "ofMain.h"

class Particle {

public:

Particle(float value, ofColor body_color);

~Particle();

void update();

void draw(const vector<unique_ptr<Particle>> &particles);

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

private:

float radius;

float small_radius;

float deg;

float small_deg;

float deg_span;

float small_deg_span;

float value;

ofColor body_color;

};

#include "Particle.h"

//--------------------------------------------------------------
Particle::Particle(float value, ofColor body_color) {

	this->radius = 230;
	this->small_radius = 50;
	this->deg = 0;
	this->small_deg = value;
	this->deg_span = 2;
	this->small_deg_span = 10;
	this->value = value;
	this->body_color = body_color;
}

//--------------------------------------------------------------
Particle::~Particle() { }

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

}

//--------------------------------------------------------------
void Particle::draw(const vector<unique_ptr<Particle>> &particles) {

	ofSetColor(this->body_color);
	
	int max = ofNoise(this->value * 0.05, ofGetFrameNum() * 0.005) * (360.f / this->deg_span);
	for (int i = 0; i < max; i++) {

		ofVec3f point_1 = make_point(this->radius, this->small_radius, this->deg - this->deg_span * i, this->small_deg - this->small_deg_span * i);
		ofVec3f point_2 = make_point(this->radius, this->small_radius, this->deg - this->deg_span * (i + 1), this->small_deg - this->small_deg_span * (i + 1));
		ofDrawLine(point_1, point_2);
	}

	ofVec3f point = make_point(this->radius, this->small_radius, this->deg - this->deg_span * max, this->small_deg - this->small_deg_span * max);
	ofDrawSphere(point, 3);
}

//--------------------------------------------------------------
ofPoint Particle::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);
}

#include "Particle.h"

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

Particle::Particle(float value, ofColor body_color) {

this->radius = 230;

this->small_radius = 50;

this->deg = 0;

this->small_deg = value;

this->deg_span = 2;

this->small_deg_span = 10;

this->value = value;

this->body_color = body_color;

}

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

Particle::~Particle() { }

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

void Particle::update() {

}

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

void Particle::draw(const vector<unique_ptr<Particle>> &particles) {

ofSetColor(this->body_color);

int max = ofNoise(this->value * 0.05, ofGetFrameNum() * 0.005) * (360.f / this->deg_span);

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

ofVec3f point_1 = make_point(this->radius, this->small_radius, this->deg - this->deg_span * i, this->small_deg - this->small_deg_span * i);

ofVec3f point_2 = make_point(this->radius, this->small_radius, this->deg - this->deg_span * (i + 1), this->small_deg - this->small_deg_span * (i + 1));

ofDrawLine(point_1, point_2);

}

ofVec3f point = make_point(this->radius, this->small_radius, this->deg - this->deg_span * max, this->small_deg - this->small_deg_span * max);

ofDrawSphere(point, 3);

}

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

ofPoint Particle::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);

}

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

2025年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