triangle – ページ 9 – プログラミング de 落描き

2018年3月7日2018年3月6日

グラデーショントライアングル openFrameworks

[ Video ]

[ About ]
今日は全然、アイデアみたいなものや、作りたいものが浮かばずに、「筆が進まない」ならぬ、「キーボードが進まない」状態。

なかなか、珍しい。

[ 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(30);
	ofBackground(239);
	ofSetWindowTitle("Insta");
}

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

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

	int size = 60;
	int tri_size = size * 0.95;
	int y_count = 0;
	ofColor tri_color;

	for (int x = 0; x < ofGetWidth() + size / 2; x += size / 2) {

		y_count = 0;
		for (int y = 0; y < ofGetHeight(); y += size) {

			tri_color.setHsb(ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.005) * 255, 255, 255);
			ofSetColor(tri_color);

			
			if (x % size == 0) {

				if (y_count % 2 == 0) {

					ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));
				}
				else {

					ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));
				}
			}
			else {

				if (y_count % 2 == 0) {

					ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));
				}
				else {

					ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));
				}
			}

			y_count++;
		}
	}
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(239);

ofSetWindowTitle("Insta");

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int size = 60;

int tri_size = size * 0.95;

int y_count = 0;

ofColor tri_color;

for (int x = 0; x < ofGetWidth() + size / 2; x += size / 2) {

y_count = 0;

for (int y = 0; y < ofGetHeight(); y += size) {

tri_color.setHsb(ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.005) * 255, 255, 255);

ofSetColor(tri_color);

if (x % size == 0) {

if (y_count % 2 == 0) {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));

}

else {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));

}

else {

if (y_count % 2 == 0) {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y + tri_size), ofVec3f(x + tri_size / 2, y + tri_size), ofVec3f(x, y));

}

else {

ofDrawTriangle(ofVec3f(x - tri_size / 2, y), ofVec3f(x + tri_size / 2, y), ofVec3f(x, y + tri_size));

}

y_count++;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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月12日2018年1月16日

Processingで作成した落書きをopenFrameworksで再作

[ Video ]

[ About ]
去年の3月頃にProcessingで作成したものを、openFrameworksで作り直しました。

過去のソースを参考にしなが「これはいったい何をしている？？」というコードまるけで焦りましたが、それだけ自分が成長したという事にしましょう。(Processing版もリンクに置いておきます)

また、ソース見ると毎フレームごとに画像を保存しているコードがあるので、後でOpenCVなりで静止画を繋げて動画にしていますね。

今回のopenFrameworksではリアルタイムにキャプチャしたものをあげていますので、処理速度的な所は、やはりopenFrameworksの方が早いですね。(よーく見ると後半処理落ちしてはいますが)

ちなみに、球上の座標を毎フレーム記録していき、隣接する記録された座標同士で図形を繋げています。最終的に丸い氷状のものが出来て面白いかと。

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

	ofVec3f target;
	vector<ofVec3f> target_log;
};

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

ofVec3f target;

vector<ofVec3f> target_log;

};

#include "ofApp.h"

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

	ofSetLineWidth(0.5);
}

//--------------------------------------------------------------
void ofApp::update() {
	float x = ofMap(ofNoise(ofGetFrameNum() * 0.05), 0, 1, -10, 10);
	float y = ofMap(ofNoise(ofGetFrameNum() * 0.05 + 100), 0, 1, -10, 10);
	float z = ofMap(ofNoise(ofGetFrameNum() * 0.05 + 200), 0, 1, -10, 10);

	this->target = ofVec3f(x, y, z);
	this->target.normalize();
	this->target *= 250;

	this->target_log.push_back(this->target);

	if (this->target_log.size() > 1280) {
		this->target_log.clear();
	}
}

//--------------------------------------------------------------
void ofApp::draw() {
	this->cam.begin();
	ofRotateX(ofGetFrameNum() * 0.5);
	ofRotateY(ofGetFrameNum() * 0.25);

	ofSetColor(255);
	ofDrawLine(this->target, ofVec3f());

	ofSetColor(255, 32);
	float distance;
	for (int i = 0; i < this->target_log.size(); i++) {
		vector<ofVec3f> near_points;

		for (int j = i; j < this->target_log.size(); j++) {
			distance = this->target_log[i].distanceSquared(this->target_log[j]);
			if (distance < 100 * 100) {
				near_points.push_back(this->target_log[j]);
			}
		}

		if (near_points.size() >= 3) {
			ofBeginShape();
			for (int j = 0; j < near_points.size(); j++){
				ofVertex(near_points[j]);
			}
			ofEndShape(true);
		}
	}

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

ofSetLineWidth(0.5);

}

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

void ofApp::update() {

float x = ofMap(ofNoise(ofGetFrameNum() * 0.05), 0, 1, -10, 10);

float y = ofMap(ofNoise(ofGetFrameNum() * 0.05 + 100), 0, 1, -10, 10);

float z = ofMap(ofNoise(ofGetFrameNum() * 0.05 + 200), 0, 1, -10, 10);

this->target = ofVec3f(x, y, z);

this->target.normalize();

this->target *= 250;

this->target_log.push_back(this->target);

if (this->target_log.size() > 1280) {

this->target_log.clear();

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(ofGetFrameNum() * 0.5);

ofRotateY(ofGetFrameNum() * 0.25);

ofSetColor(255);

ofDrawLine(this->target, ofVec3f());

ofSetColor(255, 32);

float distance;

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

vector<ofVec3f> near_points;

for (int j = i; j < this->target_log.size(); j++) {

distance = this->target_log[i].distanceSquared(this->target_log[j]);

if (distance < 100 * 100) {

near_points.push_back(this->target_log[j]);

}

if (near_points.size() >= 3) {

ofBeginShape();

for (int j = 0; j < near_points.size(); j++){

ofVertex(near_points[j]);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

Processing版
https://github.com/junkiyoshi/Insta20170318

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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