sphere – ページ 71 – プログラミング de 落描き

2018年4月10日2018年4月9日

ねじれにねじれ openFrameworks

[ Video ]

[ About ]
Z軸に等間隔で、ある半径の円周上に5度間隔で取得した座標を取得。それぞれの点でSphereを描写・下層の点と線を結んでいます。

5度間隔の開始位置となる角度は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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	// Make Member
	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) {};

// Make Member

ofEasyCam cam;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	int radius = 300;
	int z_span = 150;
	int deg_span = 5;

	vector<vector<ofPoint>> points_list;

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

	for (int z = -300; z <= 300; z += z_span) {

		vector<ofPoint> points;
		int deg_start = ofNoise(z * 0.1, ofGetFrameNum() * 0.005) * 720;
		for (int deg = deg_start; deg < deg_start + 360; deg += deg_span) {

			points.push_back(ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z));
		}
		points_list.push_back(points);
	}

	
	for (int list_index = 1; list_index < points_list.size(); list_index++) {

		for (int i = 0; i < points_list[list_index].size(); i++) {

			ofSetColor(239);
			ofDrawSphere(points_list[list_index][i], 2);

			if (list_index == 1) {

				ofDrawSphere(points_list[0][i], 2);
			}

			ofSetColor(239, ofMap(points_list[list_index][i].distance(points_list[list_index - 1][i]), 0, radius, 0, 255));
			ofDrawLine(points_list[list_index][i], points_list[list_index - 1][i]);
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int radius = 300;

int z_span = 150;

int deg_span = 5;

vector<vector<ofPoint>> points_list;

this->cam.begin();

ofRotateX(-90);

for (int z = -300; z <= 300; z += z_span) {

vector<ofPoint> points;

int deg_start = ofNoise(z * 0.1, ofGetFrameNum() * 0.005) * 720;

for (int deg = deg_start; deg < deg_start + 360; deg += deg_span) {

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

}

points_list.push_back(points);

}

for (int list_index = 1; list_index < points_list.size(); list_index++) {

for (int i = 0; i < points_list[list_index].size(); i++) {

ofSetColor(239);

ofDrawSphere(points_list[list_index][i], 2);

if (list_index == 1) {

ofDrawSphere(points_list[0][i], 2);

}

ofSetColor(239, ofMap(points_list[list_index][i].distance(points_list[list_index - 1][i]), 0, radius, 0, 255));

ofDrawLine(points_list[list_index][i], points_list[list_index - 1][i]);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年4月3日2018年4月2日

Line滴る良いSphere openFrameworks

[ Video ]

[ About ]
Instagaramの投稿で、線で輪郭を表現している方がおりインスパイアされました。中心座標からの距離が一定以下の座標は、強制的に半径距離となる座標をとるように書き換えているので、中心から逃げているような動きになります。

[ Source ]

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

	ofEasyCam cam;
	vector<unique_ptr<Particle>> particles;
};

#pragma once

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

vector<unique_ptr<Particle>> particles;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
	ofSetLineWidth(3);

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

		unique_ptr<Particle> particle(new Particle(500));
		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();
	ofRotateX(180);

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

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

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(239);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofSetLineWidth(3);

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

unique_ptr<Particle> particle(new Particle(500));

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

ofRotateX(180);

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

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

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Particle {

public:
	Particle(int len);

	void update();
	void draw();
private:
	ofPoint location;
	ofPoint log;
	vector<ofPoint> logs;
	int len;
	float radius;
};

#pragma once

#include "ofMain.h"

class Particle {

public:

Particle(int len);

void update();

void draw();

private:

ofPoint location;

ofPoint log;

vector<ofPoint> logs;

int len;

float radius;

};

#include "Particle.h"

Particle::Particle(int len) {

	this->len = len;
	this->location = ofPoint(ofRandom(-this->len / 2, this->len / 2), ofRandom(-this->len, this->len), ofRandom(-this->len / 2, this->len / 2));
	this->radius = this->len / 2;
}

void Particle::update() {

	ofPoint log = ofPoint(this->location.x, (int)(this->location.y + ofGetFrameNum() * 3) % (len * 2) - len, this->location.z);

	if (log.length() < this->radius) {

		log = log.normalize() * this->radius;
	}

	if (log.y <= -len + 3) {

		this->logs.clear();
	}

	if (this->logs.size() > 24) {

		this->logs.erase(this->logs.begin());
	}
	this->logs.push_back(log);
}

void Particle::draw() {

	if (this->logs.size() > 2) {

		for (int i = 1; i < this->logs.size(); i++) {

			ofSetColor(39, 10 * i - ofMap(this->logs[i].z, -this->len / 2, this->len / 2, 0, 255));
			ofDrawLine(this->logs[i - 1], this->logs[i]);
		}
	}
}

#include "Particle.h"

Particle::Particle(int len) {

this->len = len;

this->location = ofPoint(ofRandom(-this->len / 2, this->len / 2), ofRandom(-this->len, this->len), ofRandom(-this->len / 2, this->len / 2));

this->radius = this->len / 2;

}

void Particle::update() {

ofPoint log = ofPoint(this->location.x, (int)(this->location.y + ofGetFrameNum() * 3) % (len * 2) - len, this->location.z);

if (log.length() < this->radius) {

log = log.normalize() * this->radius;

}

if (log.y <= -len + 3) {

this->logs.clear();

}

if (this->logs.size() > 24) {

this->logs.erase(this->logs.begin());

}

this->logs.push_back(log);

}

void Particle::draw() {

if (this->logs.size() > 2) {

for (int i = 1; i < this->logs.size(); i++) {

ofSetColor(39, 10 * i - ofMap(this->logs[i].z, -this->len / 2, this->len / 2, 0, 255));

ofDrawLine(this->logs[i - 1], this->logs[i]);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年3月19日2018年3月18日

3層スフィア openFrameworks

[ Video ]

[ About ]
高・平・低の3つの層を持つスフィアにしてみました。noise関数の値をif分岐で3つに分類して、層の高さの値として使っています。

openFrameworksにはIcoSphereクラスが用意されているので、球体の扱いは便利で助かります。

Icosphere – Wikipedia
https://en.wikipedia.org/wiki/Icosphere

おまけ – Processingのサンプルプログラム
https://processing.org/examples/icosahedra.html

[ 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;
	ofIcoSpherePrimitive icoSphere;
};

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

ofIcoSpherePrimitive icoSphere;

};

#include "ofApp.h"

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

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

	this->icoSphere.setRadius(250);
	this->icoSphere.setResolution(3);
}

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

}

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

	this->cam.begin();
	ofRotateX(ofGetFrameNum() * 0.1);
	ofRotateY(ofGetFrameNum() * 0.25);

	vector<ofMeshFace> triangles = icoSphere.getMesh().getUniqueFaces();
	for (int i = 0; i < triangles.size(); i++) {

		ofPoint avg = (triangles[i].getVertex(0) + triangles[i].getVertex(1) + triangles[i].getVertex(2)) / 3;

		float noise_value = ofNoise(avg.x * 0.002, avg.y * 0.002, avg.z * 0.002, ofGetFrameNum() * 0.005);
		if (noise_value < 0.45) {

			noise_value = 0.4;
		}
		else if (noise_value > 0.7) {

			noise_value = 0.55;
		}
		else {

			noise_value = 0.5;
		}

		ofMesh mesh;

		mesh.addVertex(ofPoint(0, 0, 0));
		mesh.addVertex(triangles[i].getVertex(0) * noise_value);
		mesh.addVertex(triangles[i].getVertex(1) * noise_value);
		mesh.addVertex(triangles[i].getVertex(2) * noise_value);

		mesh.addIndex(0);
		mesh.addIndex(1);
		mesh.addIndex(2);

		mesh.addIndex(0);
		mesh.addIndex(2);
		mesh.addIndex(3);

		mesh.addIndex(0);
		mesh.addIndex(1);
		mesh.addIndex(3);

		mesh.addIndex(1);
		mesh.addIndex(2);
		mesh.addIndex(3);

		ofSetColor(39);
		mesh.drawFaces();

		ofSetColor(239);
		mesh.drawWireframe();
	}

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

this->icoSphere.setRadius(250);

this->icoSphere.setResolution(3);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(ofGetFrameNum() * 0.1);

ofRotateY(ofGetFrameNum() * 0.25);

vector<ofMeshFace> triangles = icoSphere.getMesh().getUniqueFaces();

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

ofPoint avg = (triangles[i].getVertex(0) + triangles[i].getVertex(1) + triangles[i].getVertex(2)) / 3;

float noise_value = ofNoise(avg.x * 0.002, avg.y * 0.002, avg.z * 0.002, ofGetFrameNum() * 0.005);

if (noise_value < 0.45) {

noise_value = 0.4;

}

else if (noise_value > 0.7) {

noise_value = 0.55;

}

else {

noise_value = 0.5;

}

ofMesh mesh;

mesh.addVertex(ofPoint(0, 0, 0));

mesh.addVertex(triangles[i].getVertex(0) * noise_value);

mesh.addVertex(triangles[i].getVertex(1) * noise_value);

mesh.addVertex(triangles[i].getVertex(2) * noise_value);

mesh.addIndex(0);

mesh.addIndex(1);

mesh.addIndex(2);

mesh.addIndex(0);

mesh.addIndex(2);

mesh.addIndex(3);

mesh.addIndex(0);

mesh.addIndex(1);

mesh.addIndex(3);

mesh.addIndex(1);

mesh.addIndex(2);

mesh.addIndex(3);

ofSetColor(39);

mesh.drawFaces();

ofSetColor(239);

mesh.drawWireframe();

}

this->cam.end();

}

//========================================================================

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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