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

2018年1月13日2018年1月16日

Boxの中に閉じ込められたBox ofxBullet openFrameworks

[ Video ]

[ About ]
ofxBulletというAddon使って3Dの物理演算をしています。

Boxの中にBoxを入れてシェイクしています。
立方体の枠が黄色になったときは、マウスでドラッグしている時です。

主にofxBulletのサンプルCustomShapesExampleから流用しました。
興味がある方はそちらもご参照下さい。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBullet.h"

class ofApp : public ofBaseApp {

public:
	~ofApp();

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

	ofCamera cam;
	ofLight light;

	ofxBulletWorldRigid world;
	ofxBulletCustomShape* boundsShape;
	vector<ofxBulletBox*> boxes;
	vector<ofColor> boxes_color;
};

#pragma once

#include "ofMain.h"

#include "ofxBullet.h"

class ofApp : public ofBaseApp {

public:

~ofApp();

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

ofCamera cam;

ofLight light;

ofxBulletWorldRigid world;

ofxBulletCustomShape* boundsShape;

vector<ofxBulletBox*> boxes;

vector<ofColor> boxes_color;

};

#include "ofApp.h"

//--------------------------------------------------------------
ofApp::~ofApp() {

	delete this->boundsShape;

	for (ofxBulletBox* tmp : this->boxes) { 
		delete tmp;
	}
	this->boxes.clear();
}

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

	this->cam.setPosition(ofVec3f(0, 3.f, -30.f));
	this->cam.lookAt(ofVec3f(0, 0, 0), ofVec3f(0, -1, 0));

	this->world.setup();
	this->world.enableGrabbing();
	this->world.setCamera(&this->cam);
	this->world.setGravity(ofVec3f(0.0, 64.0, 0));

	ofVec3f start_location;
	ofPoint dimens;
	float bounds_width = 300;
	float h_width = bounds_width * 0.5;
	float depth = 10.;
	float h_depth = depth * 0.5;
	this->boundsShape = new ofxBulletCustomShape();
	this->boundsShape->create(world.world, ofVec3f(0, 0, 0), 10.);

	for (int i = 0; i < 6; i++) {
		if (i == 0) { // ground //
			start_location.set(0., h_width + h_depth, 0.);
			dimens.set(bounds_width, depth, bounds_width);
		}
		else if (i == 1) { // back wall //
			start_location.set(0, 0, h_width + h_depth);
			dimens.set(bounds_width, bounds_width, depth);
		}
		else if (i == 2) { // right wall //
			start_location.set(h_width + h_depth, 0, 0.);
			dimens.set(depth, bounds_width, bounds_width);
		}
		else if (i == 3) { // left wall //
			start_location.set(-h_width - h_depth, 0, 0.);
			dimens.set(depth, bounds_width, bounds_width);
		}
		else if (i == 4) { // ceiling //
			start_location.set(0, -h_width - h_depth, 0.);
			dimens.set(bounds_width, depth, bounds_width);
		}
		else if (i == 5) { // front wall //
			start_location.set(0, 0, -h_width - h_depth);
			dimens.set(bounds_width, bounds_width, depth);
		}
		btBoxShape* boxShape = ofBtGetBoxCollisionShape(dimens.x, dimens.y, dimens.z);
		this->boundsShape->addShape(boxShape, start_location);
	}
	this->boundsShape->add();

	for (int i = 0; i < 50; i++) {
		ofxBulletBox* box = new ofxBulletBox();
		float size = 15;
		box->create(this->world.world, ofVec3f(ofRandom(-100, 100), ofRandom(-100, 100), ofRandom(-100, 100)), 1.0, size, size, size);
		box->setRestitution(1.0);
		box->add();

		this->boxes.push_back(box);

		ofColor color;
		color.setHsb(ofRandom(255), 255, 255);
		this->boxes_color.push_back(color);
	}

	this->light.setPosition(ofVec3f(0, 0, 512));
}

//--------------------------------------------------------------
void ofApp::update() {
	
	if (!ofGetMousePressed()) {
		ofVec3f diff = ofVec3f(0, 0, 0) - boundsShape->getPosition();
		diff *= 300.f;
		boundsShape->applyCentralForce(diff);
	}

	this->world.update();
}

//--------------------------------------------------------------
void ofApp::draw() {
	ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

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

	ofNoFill();
	if (ofGetMousePressed()) {
		ofSetColor(255, 255, 0);
	} else {
		ofSetColor(255);
	}
	boundsShape->transformGL();
	ofDrawBox(ofVec3f(0, 0, 0), 300);
	boundsShape->restoreTransformGL();
	ofFill();

	for (int i = 0; i < this->boxes.size(); i++) {
		ofSetColor(this->boxes_color[i]);
		this->boxes[i]->draw();
	}

}

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

#include "ofApp.h"

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

ofApp::~ofApp() {

delete this->boundsShape;

for (ofxBulletBox* tmp : this->boxes) {

delete tmp;

}

this->boxes.clear();

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofEnableDepthTest();

ofBackground(0);

ofSetWindowTitle("Insta");

this->cam.setPosition(ofVec3f(0, 3.f, -30.f));

this->cam.lookAt(ofVec3f(0, 0, 0), ofVec3f(0, -1, 0));

this->world.setup();

this->world.enableGrabbing();

this->world.setCamera(&this->cam);

this->world.setGravity(ofVec3f(0.0, 64.0, 0));

ofVec3f start_location;

ofPoint dimens;

float bounds_width = 300;

float h_width = bounds_width * 0.5;

float depth = 10.;

float h_depth = depth * 0.5;

this->boundsShape = new ofxBulletCustomShape();

this->boundsShape->create(world.world, ofVec3f(0, 0, 0), 10.);

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

if (i == 0) { // ground //

start_location.set(0., h_width + h_depth, 0.);

dimens.set(bounds_width, depth, bounds_width);

}

else if (i == 1) { // back wall //

start_location.set(0, 0, h_width + h_depth);

dimens.set(bounds_width, bounds_width, depth);

}

else if (i == 2) { // right wall //

start_location.set(h_width + h_depth, 0, 0.);

dimens.set(depth, bounds_width, bounds_width);

}

else if (i == 3) { // left wall //

start_location.set(-h_width - h_depth, 0, 0.);

dimens.set(depth, bounds_width, bounds_width);

}

else if (i == 4) { // ceiling //

start_location.set(0, -h_width - h_depth, 0.);

dimens.set(bounds_width, depth, bounds_width);

}

else if (i == 5) { // front wall //

start_location.set(0, 0, -h_width - h_depth);

dimens.set(bounds_width, bounds_width, depth);

}

btBoxShape* boxShape = ofBtGetBoxCollisionShape(dimens.x, dimens.y, dimens.z);

this->boundsShape->addShape(boxShape, start_location);

}

this->boundsShape->add();

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

ofxBulletBox* box = new ofxBulletBox();

float size = 15;

box->create(this->world.world, ofVec3f(ofRandom(-100, 100), ofRandom(-100, 100), ofRandom(-100, 100)), 1.0, size, size, size);

box->setRestitution(1.0);

box->add();

this->boxes.push_back(box);

ofColor color;

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

this->boxes_color.push_back(color);

}

this->light.setPosition(ofVec3f(0, 0, 512));

}

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

void ofApp::update() {

if (!ofGetMousePressed()) {

ofVec3f diff = ofVec3f(0, 0, 0) - boundsShape->getPosition();

diff *= 300.f;

boundsShape->applyCentralForce(diff);

}

this->world.update();

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() / 2, ofGetHeight() / 2);

ofEnableLighting();

this->light.enable();

ofNoFill();

if (ofGetMousePressed()) {

ofSetColor(255, 255, 0);

} else {

ofSetColor(255);

}

boundsShape->transformGL();

ofDrawBox(ofVec3f(0, 0, 0), 300);

boundsShape->restoreTransformGL();

ofFill();

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

ofSetColor(this->boxes_color[i]);

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

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

ofxBullet
https://github.com/NickHardeman/ofxBullet

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

2018年1月11日2018年4月11日

ofxTrueTypeFontUCで日本語のフォントを使えるようにする openFrameworks

[ Video ]

[ About ]
ofxTrueTypeFontUCというAddonを入れて日本語取り扱えれるようにしました。
Install ofxTrueTypeFontUC. I can use Japanese.

※コードに誤りがあったため、修正します 2018/04/11

[ Source ]

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

	ofxTrueTypeFontUC font;
	vector<ofTTFCharacter> word_paths;

	ofEasyCam cam;
	string word;
};

#pragma once

#include "ofMain.h"

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

ofxTrueTypeFontUC font;

vector<ofTTFCharacter> word_paths;

ofEasyCam cam;

string word;

};

#include "ofApp.h"

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

	//ofNoFill();
	ofSetColor(0);

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 300, true, true);
	this->word = "純";
	this->word_paths = this->font.getStringAsPoints(this->word);
}

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

}

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

	this->cam.begin();
	
	// changed 2018/04/11 junkiyoshi
	//for (int w_index = 0; w_index < this->word.size(); w_index += 2) { // 日本語なので2Byte？？
	for (int w_index = 0; w_index < this->word_paths.size(); w_index++) {

		vector<ofPolyline> outline = word_paths[w_index].getOutline();
		ofVec3f center = outline[0].getCentroid2D();

		for (int o_index = 0; o_index < outline.size(); o_index++) {
			outline[o_index] = outline[o_index].getResampledBySpacing(3);
			vector<ofPoint> vertices = outline[o_index].getVertices();

			for (int v_index = 0; v_index < vertices.size() - 1; v_index++) {
				ofVec3f point_1 = vertices[v_index] - center;
				ofVec3f point_2 = vertices[v_index + 1] - center;
				
				float noise_value_1 = ofNoise(v_index * 0.01 + ofGetFrameNum() * 0.01);
				float noise_value_2 = ofNoise((v_index + 1) * 0.01 + ofGetFrameNum() * 0.01);

				if (noise_value_1 < 0.5) {
					noise_value_1 = 0.5;
				}
				if (noise_value_2 < 0.5) {
					noise_value_2 = 0.5;
				}

				noise_value_1 -= 0.5;
				noise_value_2 -= 0.5;

				ofBeginShape();
				ofVertex(point_1);
				ofVertex(point_2);
				ofVertex(point_2 + ofVec3f(0, 0, -300 * noise_value_2 + 1));
				ofVertex(point_1 + ofVec3f(0, 0, -300 * noise_value_1 + 1));
				ofEndShape(true);
			}
		}
	}

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

//ofNoFill();

ofSetColor(0);

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

this->word = "純";

this->word_paths = this->font.getStringAsPoints(this->word);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

// changed 2018/04/11 junkiyoshi

//for (int w_index = 0; w_index < this->word.size(); w_index += 2) { // 日本語なので2Byte？？

for (int w_index = 0; w_index < this->word_paths.size(); w_index++) {

vector<ofPolyline> outline = word_paths[w_index].getOutline();

ofVec3f center = outline[0].getCentroid2D();

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

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

vector<ofPoint> vertices = outline[o_index].getVertices();

for (int v_index = 0; v_index < vertices.size() - 1; v_index++) {

ofVec3f point_1 = vertices[v_index] - center;

ofVec3f point_2 = vertices[v_index + 1] - center;

float noise_value_1 = ofNoise(v_index * 0.01 + ofGetFrameNum() * 0.01);

float noise_value_2 = ofNoise((v_index + 1) * 0.01 + ofGetFrameNum() * 0.01);

if (noise_value_1 < 0.5) {

noise_value_1 = 0.5;

}

if (noise_value_2 < 0.5) {

noise_value_2 = 0.5;

}

noise_value_1 -= 0.5;

noise_value_2 -= 0.5;

ofBeginShape();

ofVertex(point_1);

ofVertex(point_2);

ofVertex(point_2 + ofVec3f(0, 0, -300 * noise_value_2 + 1));

ofVertex(point_1 + ofVec3f(0, 0, -300 * noise_value_1 + 1));

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

ofxTrueTypeFontUC
https://github.com/hironishihara/ofxTrueTypeFontUC

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