noise – ページ 397 – プログラミング de 落描き

2018年1月31日2018年1月30日

ofTrueTypeFontからPath情報を取得してバラバラにする openFrameworks

[ Video ]

[ About ]
ofTrueTypeFontからPath情報を取得、分解しました。ofPathからmeshは取得出来たのですが、メッシュの大きさが大小バラバラだったので、ResampleしてそれをofTessellatorというクラスを使って作り直すという変？な事をしています。

それっぽいMesh情報が取れた後は、さらにMeshの中にあるFaceを一つづつ取り出して、Noiseと掛け合わせています。

文字は、MonsterHunterが発売され、Hunter×Hunberが連載再開という事で、熱いキーワード「HUNTER」にしてみました。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofFbo.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;

	ofTrueTypeFont font;
	string words;
	ofPoint words_size;
	vector<ofTTFCharacter> paths;
};

#pragma once

#include "ofMain.h"

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

ofTrueTypeFont font;

string words;

ofPoint words_size;

vector<ofTTFCharacter> paths;

};

#include "ofApp.h"

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

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

	ofSetColor(0, 32, 255);

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 250, true, false, true);
	this->words = "OTHER";
	this->words_size = ofPoint(this->font.stringWidth(this->words), this->font.stringHeight(this->words));
	this->paths = this->font.getStringAsPoints(this->words);
}

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

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

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

	for (int p_index = 0; p_index < this->paths.size(); p_index++) {

		vector<ofPolyline> outline = this->paths[p_index].getOutline();
		
		for (int o_index = 0; o_index < outline.size(); o_index++) {

			outline[o_index] = outline[o_index].getResampledBySpacing(30);
			ofMesh mesh;
			ofTessellator t;
			t.tessellateToMesh(outline, ofPolyWindingMode::OF_POLY_WINDING_ODD, mesh);

			vector<ofMeshFace> triangles = mesh.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.005 - ofGetFrameNum() * 0.05);

				ofMesh draw_mesh;
				ofPoint adjust(-this->words_size.x / 2, this->words_size.y / 2);

				if (noise_value < 0.4){

					adjust += ofPoint(0, 0, 500 * (noise_value - 0.4));
				}
				
				draw_mesh.addVertex(triangles[i].getVertex(0) + adjust);
				draw_mesh.addVertex(triangles[i].getVertex(1) + adjust);
				draw_mesh.addVertex(triangles[i].getVertex(2) + adjust);

				draw_mesh.draw();
			}
			
		}
	}

	this->cam.end();
}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

ofSetColor(0, 32, 255);

this->font.loadFont("fonts/Kazesawa-Bold.ttf", 250, true, false, true);

this->words = "OTHER";

this->words_size = ofPoint(this->font.stringWidth(this->words), this->font.stringHeight(this->words));

this->paths = this->font.getStringAsPoints(this->words);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

for (int p_index = 0; p_index < this->paths.size(); p_index++) {

vector<ofPolyline> outline = this->paths[p_index].getOutline();

for (int o_index = 0; o_index < outline.size(); o_index++) {

outline[o_index] = outline[o_index].getResampledBySpacing(30);

ofMesh mesh;

ofTessellator t;

t.tessellateToMesh(outline, ofPolyWindingMode::OF_POLY_WINDING_ODD, mesh);

vector<ofMeshFace> triangles = mesh.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.005 - ofGetFrameNum() * 0.05);

ofMesh draw_mesh;

ofPoint adjust(-this->words_size.x / 2, this->words_size.y / 2);

if (noise_value < 0.4){

adjust += ofPoint(0, 0, 500 * (noise_value - 0.4));

}

draw_mesh.addVertex(triangles[i].getVertex(0) + adjust);

draw_mesh.addVertex(triangles[i].getVertex(1) + adjust);

draw_mesh.addVertex(triangles[i].getVertex(2) + adjust);

draw_mesh.draw();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年1月30日2018年1月29日

欠損したボックスの集合体　openFrameworks

[ Video ]

[ About ]
BoxをNoise関数で表示・非表示をコントロールしています。加えて、Boxのサイズも変動するようにしてあるります。

カドケシという消しゴムがありますが、それみたいに見えますね。

[ 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;
	ofLight light;
};

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

ofLight light;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
	
	ofEnableLighting();
	this->light.enable();
}

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

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

	this->cam.begin();
	this->light.setPosition(this->cam.getPosition() * 2.f);

	float assembly_size = ofGetWidth() > ofGetHeight() ? ofGetWidth() : ofGetHeight();
	int box_size = 300 * ofNoise(ofGetFrameNum() * 0.005);
	ofSetColor(255, 0, 0);
	for (int x = -assembly_size / 2; x <= assembly_size / 2; x += box_size) {

		for (int y = -assembly_size / 2; y <= assembly_size / 2; y += box_size) {

			for (int z = -assembly_size / 2; z <= assembly_size / 2; z += box_size) {

				float noise_value = ofNoise(x * 0.005, y * 0.005, z * 0.005, ofGetFrameNum() * 0.0005);
				if (noise_value < 0.5) {

					ofSetColor(255, 0, 0);
					ofFill();
					ofDrawBox(ofPoint(x, y, z), box_size, box_size, box_size);
				}
				else {

				}
				
			}
		}
	}

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

ofEnableLighting();

this->light.enable();

}

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

void ofApp::update() { }

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

void ofApp::draw() {

this->cam.begin();

this->light.setPosition(this->cam.getPosition() * 2.f);

float assembly_size = ofGetWidth() > ofGetHeight() ? ofGetWidth() : ofGetHeight();

int box_size = 300 * ofNoise(ofGetFrameNum() * 0.005);

ofSetColor(255, 0, 0);

for (int x = -assembly_size / 2; x <= assembly_size / 2; x += box_size) {

for (int y = -assembly_size / 2; y <= assembly_size / 2; y += box_size) {

for (int z = -assembly_size / 2; z <= assembly_size / 2; z += box_size) {

float noise_value = ofNoise(x * 0.005, y * 0.005, z * 0.005, ofGetFrameNum() * 0.0005);

if (noise_value < 0.5) {

ofSetColor(255, 0, 0);

ofFill();

ofDrawBox(ofPoint(x, y, z), box_size, box_size, box_size);

}

else {

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年1月28日2018年1月27日

Boxの波 3D版　openFrameworks

[ Video ]

[ About ]
今回はBoxをx, y, zに均一に配置しています。Noiseで求められた値を元に描写をする / しないを判定しています。昨日と同じように距離 + フレーム数を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) {};

	ofEasyCam cam;
	ofLight light;
};

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

ofLight light;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();

	ofEnableLighting();
	this->light.setAmbientColor(ofFloatColor(0.1, 0.1, 0.5, 1.0));
	this->light.setDiffuseColor(ofFloatColor(0.2, 0.2, 1.0));
	this->light.setSpecularColor(ofFloatColor(1.0, 1.0, 1.0));
	this->light.enable();
}

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

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

	this->cam.begin();
	this->light.setPosition(this->cam.getPosition());

	float assembly_size = ofGetWidth() > ofGetHeight() ? ofGetWidth() : ofGetHeight();
	int box_size = 30;
	for (int x = -assembly_size / 2 ; x <= assembly_size / 2; x += box_size) {

		for (int y = -assembly_size / 2; y <= assembly_size / 2; y += box_size) {

			for (int z = -assembly_size / 2; z <= assembly_size / 2; z += box_size) {

				float noise_value = ofNoise(ofVec3f(x, y, z).length() * 0.008 - ofGetFrameNum() * 0.03);
				if (noise_value < 0.4) {

					ofDrawBox(ofPoint(x, y, z), box_size, box_size, box_size);
				}
			}
		}
	}

	this->cam.end();
}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofEnableLighting();

this->light.setAmbientColor(ofFloatColor(0.1, 0.1, 0.5, 1.0));

this->light.setDiffuseColor(ofFloatColor(0.2, 0.2, 1.0));

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

this->light.enable();

}

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

void ofApp::update() { }

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

void ofApp::draw() {

this->cam.begin();

this->light.setPosition(this->cam.getPosition());

float assembly_size = ofGetWidth() > ofGetHeight() ? ofGetWidth() : ofGetHeight();

int box_size = 30;

for (int x = -assembly_size / 2 ; x <= assembly_size / 2; x += box_size) {

for (int y = -assembly_size / 2; y <= assembly_size / 2; y += box_size) {

for (int z = -assembly_size / 2; z <= assembly_size / 2; z += box_size) {

float noise_value = ofNoise(ofVec3f(x, y, z).length() * 0.008 - ofGetFrameNum() * 0.03);

if (noise_value < 0.4) {

ofDrawBox(ofPoint(x, y, z), box_size, box_size, box_size);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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