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

2017年12月4日2017年12月5日

Insta20171203

[ Video ]

[ About ]
IcoSphereから、それぞれの三角形の座標を取得しています。
We are acquiring the coordinates of each triangle from IcoSphere.

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

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

ofIcoSpherePrimitive icoSphere;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {
	ofSetFrameRate(30);
	ofBackground(255);
	ofSetWindowTitle("Insta");

	ofEnableDepthTest();

	this->icoSphere.setRadius(300);
	this->icoSphere.setResolution(4);
}

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

}

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

	this->cam.begin();
	
	vector<ofMeshFace> triangles = this->icoSphere.getMesh().getUniqueFaces();

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

		ofVec3f avg = (triangles[i].getVertex(0) + triangles[i].getVertex(1) + triangles[i].getVertex(2)) / 3;
		float noise_value = ofNoise(avg.x * 0.005, avg.y * 0.005 + ofGetFrameNum() * 0.005, avg.z * 0.005);

		ofMesh mesh;

		if (noise_value > 0.75) {

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

			mesh.addVertex(triangles[i].getVertex(0));
			mesh.addVertex(triangles[i].getVertex(1));
			mesh.addVertex(triangles[i].getVertex(2));

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

			mesh.addIndex(3);
			mesh.addIndex(4);
			mesh.addIndex(5);

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

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

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

			mesh.addIndex(2);
			mesh.addIndex(5);
			mesh.addIndex(4);

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

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

			ofSetColor(255 - 255 * (noise_value - 0.75), 0, 0);
		} else {

			mesh.addVertex(triangles[i].getVertex(0));
			mesh.addVertex(triangles[i].getVertex(1));
			mesh.addVertex(triangles[i].getVertex(2));

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

			ofSetColor(255, 0, 0);
		}

		mesh.draw();
	}

	this->cam.end();
}

//--------------------------------------------------------------
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

100

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(255);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

this->icoSphere.setRadius(300);

this->icoSphere.setResolution(4);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

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

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

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

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

ofMesh mesh;

if (noise_value > 0.75) {

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

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

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

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

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

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

mesh.addIndex(0);

mesh.addIndex(1);

mesh.addIndex(2);

mesh.addIndex(3);

mesh.addIndex(4);

mesh.addIndex(5);

mesh.addIndex(0);

mesh.addIndex(3);

mesh.addIndex(4);

mesh.addIndex(0);

mesh.addIndex(1);

mesh.addIndex(4);

mesh.addIndex(1);

mesh.addIndex(2);

mesh.addIndex(4);

mesh.addIndex(2);

mesh.addIndex(5);

mesh.addIndex(4);

mesh.addIndex(0);

mesh.addIndex(2);

mesh.addIndex(3);

mesh.addIndex(2);

mesh.addIndex(3);

mesh.addIndex(5);

ofSetColor(255 - 255 * (noise_value - 0.75), 0, 0);

} else {

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

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

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

mesh.addIndex(0);

mesh.addIndex(1);

mesh.addIndex(2);

ofSetColor(255, 0, 0);

}

mesh.draw();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2017年12月3日2017年12月5日

Insta20171202

[ Video ]

[ About ]
Noise関数の結果で、Boxの数を決めています。
Y座標を元に色を決めているので、グラデーションの層になります。

Gradation boxes.

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

	ofEasyCam cam;
	ofBoxPrimitive box;
};

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

ofEasyCam cam;

ofBoxPrimitive box;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {
	ofSetFrameRate(30);
	ofBackground(255);
	ofSetWindowTitle("Insta");

	ofEnableDepthTest();
}

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

}

//--------------------------------------------------------------
void ofApp::draw() {
	float size = 300;
	float box_size = 30;

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

	for (float x = -size; x <= size; x += box_size) {
		for (float z = -size; z <= size; z += box_size) {
			for (float y = 0; y <= (size * 2) * ofMap(ofNoise(x * 0.0025, z * 0.0025 + ofGetFrameNum() * 0.05), 0, 1, 0, 0.9); y += box_size) {
				ofPushMatrix();
				ofTranslate(ofVec3f(x, y, z));

				ofColor box_color;
				box_color.setHsb(255 - y / (size * 2) * 255, 255, 255);
				ofSetColor(box_color);

				this->box.set(box_size);
				this->box.draw();

				ofPopMatrix();
			}
		}
	}
	
	this->cam.end();
}

//--------------------------------------------------------------
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(255);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

float size = 300;

float box_size = 30;

this->cam.begin();

ofRotateY(ofGetFrameNum());

for (float x = -size; x <= size; x += box_size) {

for (float z = -size; z <= size; z += box_size) {

for (float y = 0; y <= (size * 2) * ofMap(ofNoise(x * 0.0025, z * 0.0025 + ofGetFrameNum() * 0.05), 0, 1, 0, 0.9); y += box_size) {

ofPushMatrix();

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

ofColor box_color;

box_color.setHsb(255 - y / (size * 2) * 255, 255, 255);

ofSetColor(box_color);

this->box.set(box_size);

this->box.draw();

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2017年12月2日2017年12月5日

Insta20171201

[ Video ]

[ About ]
アーチ状に配置したBoxを伸縮させる。
Change the height of the box on arch shape.

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

	ofEasyCam cam;
	ofLight light;
	ofBoxPrimitive box;
};

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

ofEasyCam cam;

ofLight light;

ofBoxPrimitive box;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {
	ofSetFrameRate(30);
	ofBackground(0);
	ofSetWindowTitle("Insta");

	ofEnableDepthTest();

	this->light.setPosition(0, 0, 600);
	this->light.setAreaLight(1024, 1024);
	this->light.setSpecularColor(ofFloatColor(1.0, 1.0, 1.0));
	this->light.setDiffuseColor(ofFloatColor(0.8, 0.8, 0.8));
	this->light.setAmbientColor(ofFloatColor(0.2, 0.2, 0.2));
	this->light.enable();
}

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

}

//--------------------------------------------------------------
void ofApp::draw() {
	this->cam.begin();

	float radius = 150;
	int deg_span = 3;
	ofVec3f location;
	float size = ofVec3f(radius * cos(0), radius * sin(0), 0).distance(ofVec3f(radius * cos(deg_span * DEG_TO_RAD), radius * sin(deg_span * DEG_TO_RAD), 0));
	float h_size;

	for (float z = -100; z < 100; z += size) {
		for (int deg = 270; deg < 270 + 180; deg += deg_span) {

			location = ofVec3f(radius * sin(deg * DEG_TO_RAD), z, radius * cos(deg * DEG_TO_RAD));
			h_size = 50 * ofNoise(location.y * 0.005, deg * 0.025 + ofGetFrameNum() * 0.05);

			ofPushMatrix();
			ofTranslate(location);
			ofRotateY(deg);
			ofTranslate(0, 0, h_size / 2);

			this->box.set(size, size, h_size);
			this->box.draw();

			ofPopMatrix();
		}
	}
	
	//this->light.draw();
	this->cam.end();
}

//--------------------------------------------------------------
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(0);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

this->light.setPosition(0, 0, 600);

this->light.setAreaLight(1024, 1024);

this->light.setSpecularColor(ofFloatColor(1.0, 1.0, 1.0));

this->light.setDiffuseColor(ofFloatColor(0.8, 0.8, 0.8));

this->light.setAmbientColor(ofFloatColor(0.2, 0.2, 0.2));

this->light.enable();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

float radius = 150;

int deg_span = 3;

ofVec3f location;

float size = ofVec3f(radius * cos(0), radius * sin(0), 0).distance(ofVec3f(radius * cos(deg_span * DEG_TO_RAD), radius * sin(deg_span * DEG_TO_RAD), 0));

float h_size;

for (float z = -100; z < 100; z += size) {

for (int deg = 270; deg < 270 + 180; deg += deg_span) {

location = ofVec3f(radius * sin(deg * DEG_TO_RAD), z, radius * cos(deg * DEG_TO_RAD));

h_size = 50 * ofNoise(location.y * 0.005, deg * 0.025 + ofGetFrameNum() * 0.05);

ofPushMatrix();

ofTranslate(location);

ofRotateY(deg);

ofTranslate(0, 0, h_size / 2);

this->box.set(size, size, h_size);

this->box.draw();

ofPopMatrix();

}

//this->light.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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