keybord – プログラミング de 落描き

[ Video ]

[ About ]
文字から抜き出したPath情報を元にofxBox2dで物理演算をしています。Key入力を元に文字が生成されているので、リアルタイムに入力した文字が崩れていきます。

昔に一度、作りたいと思いながらもPath情報の取得方法が分からずに諦めていたのですが、ついに念願が叶いました。出来なった事が出来るようになるのは嬉しいですね。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.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) {};

	ofTrueTypeFont font;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dPolygon>> polygons;
	vector<float> polygons_life;
	vector<ofColor> polygons_color;
	ofxBox2dEdge eage_1, eage_2;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.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) {};

ofTrueTypeFont font;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dPolygon>> polygons;

vector<float> polygons_life;

vector<ofColor> polygons_color;

ofxBox2dEdge eage_1, eage_2;

};

#include "ofApp.h"

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

	ofSetColor(0);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

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

	this->box2d.init();
	this->box2d.setGravity(0, 50);
	this->box2d.createBounds();
	this->box2d.setFPS(60);
	this->box2d.registerGrabbing();

	this->eage_1 = ofxBox2dEdge();
	this->eage_1.addVertex(ofVec2f(ofGetWidth() / 2 - 150, ofGetHeight() / 2 + 100));
	this->eage_1.addVertex(ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2));
	this->eage_1.create(this->box2d.getWorld());

	this->eage_2 = ofxBox2dEdge();
	this->eage_2.addVertex(ofVec2f(ofGetWidth() / 2 + 150, ofGetHeight() / 2 + 100));
	this->eage_2.addVertex(ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2));
	this->eage_2.create(this->box2d.getWorld());
}

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

	for (int i = this->polygons.size() - 1; i >= 0; i--) {
		
		this->polygons_life[i] -= 1;

		if (this->polygons_life[i] < 20) {

			this->polygons[i].get()->destroy();
			this->polygons.erase(this->polygons.begin() + i);
			this->polygons_life.erase(this->polygons_life.begin() + i);
			this->polygons_color.erase(this->polygons_color.begin() + i);
		}
	}

	this->box2d.update();
}

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

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

		ofSetColor(this->polygons_color[i], this->polygons_life[i]);
		this->polygons[i].get()->draw();
	}

	ofSetColor(32);
	this->eage_1.draw();
	this->eage_2.draw();
}

//--------------------------------------------------------------
void ofApp::keyPressed(int key) {

	if (key >= 32 && key < 127) {

		char key_c = (char)key;
		string key_s{ key_c };
		ofTTFCharacter path = this->font.getCharacterAsPoints(key_c);
		ofPoint c_size = ofPoint(this->font.stringWidth(key_s), this->font.stringHeight(key_s));
		ofPoint adjust(ofGetWidth() / 2 - c_size.x / 2, c_size.y);
		ofColor color;
		color.setHsb(ofRandom(255), 255, 225);

		vector<ofPolyline> outline = path.getOutline();

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

			outline[o_index] = outline[o_index].getResampledBySpacing(ofRandom(15, 40));
		}

		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++) {

			shared_ptr<ofxBox2dPolygon> polygon = shared_ptr<ofxBox2dPolygon>(new ofxBox2dPolygon);
			polygon.get()->addTriangle(triangles[i].getVertex(0) + adjust, triangles[i].getVertex(1) + adjust, triangles[i].getVertex(2) + adjust);
			polygon.get()->setPhysics(1.0, 0.3, 0.3);
			polygon.get()->create(box2d.getWorld());

			this->polygons.push_back(polygon);
			this->polygons_life.push_back(255);
			this->polygons_color.push_back(color);
		}

	}
}

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

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

100

101

102

103

104

105

106

107

108

109

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

ofSetColor(0);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

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

this->box2d.init();

this->box2d.setGravity(0, 50);

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

this->eage_1 = ofxBox2dEdge();

this->eage_1.addVertex(ofVec2f(ofGetWidth() / 2 - 150, ofGetHeight() / 2 + 100));

this->eage_1.addVertex(ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2));

this->eage_1.create(this->box2d.getWorld());

this->eage_2 = ofxBox2dEdge();

this->eage_2.addVertex(ofVec2f(ofGetWidth() / 2 + 150, ofGetHeight() / 2 + 100));

this->eage_2.addVertex(ofVec2f(ofGetWidth() / 2, ofGetHeight() / 2));

this->eage_2.create(this->box2d.getWorld());

}

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

void ofApp::update() {

for (int i = this->polygons.size() - 1; i >= 0; i--) {

this->polygons_life[i] -= 1;

if (this->polygons_life[i] < 20) {

this->polygons[i].get()->destroy();

this->polygons.erase(this->polygons.begin() + i);

this->polygons_life.erase(this->polygons_life.begin() + i);

this->polygons_color.erase(this->polygons_color.begin() + i);

}

this->box2d.update();

}

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

void ofApp::draw() {

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

ofSetColor(this->polygons_color[i], this->polygons_life[i]);

this->polygons[i].get()->draw();

}

ofSetColor(32);

this->eage_1.draw();

this->eage_2.draw();

}

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

void ofApp::keyPressed(int key) {

if (key >= 32 && key < 127) {

char key_c = (char)key;

string key_s{ key_c };

ofTTFCharacter path = this->font.getCharacterAsPoints(key_c);

ofPoint c_size = ofPoint(this->font.stringWidth(key_s), this->font.stringHeight(key_s));

ofPoint adjust(ofGetWidth() / 2 - c_size.x / 2, c_size.y);

ofColor color;

color.setHsb(ofRandom(255), 255, 225);

vector<ofPolyline> outline = path.getOutline();

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

outline[o_index] = outline[o_index].getResampledBySpacing(ofRandom(15, 40));

}

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++) {

shared_ptr<ofxBox2dPolygon> polygon = shared_ptr<ofxBox2dPolygon>(new ofxBox2dPolygon);

polygon.get()->addTriangle(triangles[i].getVertex(0) + adjust, triangles[i].getVertex(1) + adjust, triangles[i].getVertex(2) + adjust);

polygon.get()->setPhysics(1.0, 0.3, 0.3);

polygon.get()->create(box2d.getWorld());

this->polygons.push_back(polygon);

this->polygons_life.push_back(255);

this->polygons_color.push_back(color);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Video ]

[ About ]
Keybord入力からオブジェクトを生成するようにしてみました。
内容は自己紹介。

Object creation by keybord input.
Content self-introduction.

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.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) {};

	ofTrueTypeFont font;
	std::string moji;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dRect>> rects;
	vector<ofColor> rects_color;
	ofxBox2dEdge eage;

	float moji_x, moji_y;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.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) {};

ofTrueTypeFont font;

std::string moji;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dRect>> rects;

vector<ofColor> rects_color;

ofxBox2dEdge eage;

float moji_x, moji_y;

};

#include "ofApp.h"

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

	ofSetColor(0);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 50);
	this->moji = "";

	this->box2d.init();
	this->box2d.setGravity(0, 10);
	this->box2d.createBounds();
	this->box2d.setFPS(60);
	this->box2d.registerGrabbing();
		
	this->eage = ofxBox2dEdge();
	this->eage.addVertex(ofVec2f(200, ofGetHeight() / 2));
	this->eage.addVertex(ofVec2f(ofGetWidth() - 200, ofGetHeight() / 2));
	this->eage.create(this->box2d.getWorld());

	this->moji_x = 25;
	this->moji_y = 50;
}

//--------------------------------------------------------------
void ofApp::update() {
	this->box2d.update();
}

//--------------------------------------------------------------
void ofApp::draw() {
	for (int i = 0; i < this->moji.size(); i++) {
		ofPushMatrix();
		ofTranslate(this->rects[i].get()->getPosition().x, this->rects[i].get()->getPosition().y);
		ofRotate(this->rects[i].get()->getRotation());
		ofSetColor(this->rects_color[i]);
		this->font.drawString((this->moji.substr(i, 1)), -this->font.stringWidth(this->moji.substr(i, 1)) / 2, this->font.stringHeight(this->moji.substr(i, 1)) / 2);
		ofPopMatrix();
	}

	this->eage.draw();
}

//--------------------------------------------------------------
void ofApp::keyPressed(int key) {

	if (this->moji_x > ofGetWidth()) {
		this->moji_x = 25;
	}

	// Enter
	if (key == 13) {
		this->moji_x = 25;
	}

	// Space
	if (key == 32) {
		this->moji_x += 25;
	}

	// Character
	if (key >= 32 && key < 127) {
		char key_c = (char)key;
		string new_moji{ key_c };
		this->moji += new_moji;
		this->rects.push_back(shared_ptr<ofxBox2dRect>(new ofxBox2dRect));
		this->rects.back().get()->setPhysics(3.0, 0.5, 0.1);
		this->rects.back().get()->setup(this->box2d.getWorld(), this->moji_x, this->moji_y, this->font.stringWidth(new_moji), this->font.stringHeight(new_moji));

		ofColor rect_color;
		rect_color.setHsb(ofGetFrameNum() % 255, 255, 255);
		this->rects_color.push_back(rect_color);

		this->moji_x += this->font.stringWidth(new_moji) * 1.1;
	}
	
	
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

ofSetColor(0);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

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

this->moji = "";

this->box2d.init();

this->box2d.setGravity(0, 10);

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

this->eage = ofxBox2dEdge();

this->eage.addVertex(ofVec2f(200, ofGetHeight() / 2));

this->eage.addVertex(ofVec2f(ofGetWidth() - 200, ofGetHeight() / 2));

this->eage.create(this->box2d.getWorld());

this->moji_x = 25;

this->moji_y = 50;

}

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

void ofApp::update() {

this->box2d.update();

}

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

void ofApp::draw() {

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

ofPushMatrix();

ofTranslate(this->rects[i].get()->getPosition().x, this->rects[i].get()->getPosition().y);

ofRotate(this->rects[i].get()->getRotation());

ofSetColor(this->rects_color[i]);

this->font.drawString((this->moji.substr(i, 1)), -this->font.stringWidth(this->moji.substr(i, 1)) / 2, this->font.stringHeight(this->moji.substr(i, 1)) / 2);

ofPopMatrix();

}

this->eage.draw();

}

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

void ofApp::keyPressed(int key) {

if (this->moji_x > ofGetWidth()) {

this->moji_x = 25;

}

// Enter

if (key == 13) {

this->moji_x = 25;

}

// Space

if (key == 32) {

this->moji_x += 25;

}

// Character

if (key >= 32 && key < 127) {

char key_c = (char)key;

string new_moji{ key_c };

this->moji += new_moji;

this->rects.push_back(shared_ptr<ofxBox2dRect>(new ofxBox2dRect));

this->rects.back().get()->setPhysics(3.0, 0.5, 0.1);

this->rects.back().get()->setup(this->box2d.getWorld(), this->moji_x, this->moji_y, this->font.stringWidth(new_moji), this->font.stringHeight(new_moji));

ofColor rect_color;

rect_color.setHsb(ofGetFrameNum() % 255, 255, 255);

this->rects_color.push_back(rect_color);

this->moji_x += this->font.stringWidth(new_moji) * 1.1;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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

タグ: keybord

文字列のPath情報で物理演算 openFrameworks ofxBox2d

Insta20171027