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

2018年5月17日2018年5月17日

Circle と Square openFrameworks

[ Video ]

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

	// Make Method
	ofPoint make_rect_point(float half_len, int deg);
};

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

// Make Method

ofPoint make_rect_point(float half_len, int deg);

};

#include "ofApp.h"

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

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

	ofSetLineWidth(2);
	ofSetColor(239, 0, 0);
}

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

}

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

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

	int radius = 150;
	int half_len = 300;
	for (int deg = 0; deg < 360; deg += 2) {

		ofPoint circle_point = ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		float noise_value = ofNoise(circle_point.x * 0.015, circle_point.y * 0.015, ofGetFrameNum() * 0.005);
		ofPoint rect_point = make_rect_point(half_len * noise_value , deg);
		if (rect_point.length() > radius) {

			rect_point = make_rect_point(half_len, deg);
		}
		else {

			rect_point = ofPoint(rect_point.length() * cos(deg * DEG_TO_RAD), rect_point.length() * sin(deg * DEG_TO_RAD));
		}

		ofDrawLine(circle_point, rect_point);
	}
}

//--------------------------------------------------------------
ofPoint ofApp::make_rect_point(float half_len, int deg) {

	int param = (deg + 45) / 90;
	ofPoint point;

	switch (param % 4) {

	case 0:

		return ofPoint(len, ofMap((deg + 45) % 90, 0, 89, -len, len));
	case 1:

		return  ofPoint(ofMap((deg + 45) % 90, 0, 89, len, -len), len);
	case 2:

		return ofPoint(-len, ofMap((deg + 45) % 90, 0, 89, len, -len));
	case 3:

		return ofPoint(ofMap((deg + 45) % 90, 0, 89, -len, len), -len);
	default:

		return ofPoint(0, 0);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofSetLineWidth(2);

ofSetColor(239, 0, 0);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

int radius = 150;

int half_len = 300;

for (int deg = 0; deg < 360; deg += 2) {

ofPoint circle_point = ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

float noise_value = ofNoise(circle_point.x * 0.015, circle_point.y * 0.015, ofGetFrameNum() * 0.005);

ofPoint rect_point = make_rect_point(half_len * noise_value , deg);

if (rect_point.length() > radius) {

rect_point = make_rect_point(half_len, deg);

}

else {

rect_point = ofPoint(rect_point.length() * cos(deg * DEG_TO_RAD), rect_point.length() * sin(deg * DEG_TO_RAD));

}

ofDrawLine(circle_point, rect_point);

}

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

ofPoint ofApp::make_rect_point(float half_len, int deg) {

int param = (deg + 45) / 90;

ofPoint point;

switch (param % 4) {

case 0:

return ofPoint(len, ofMap((deg + 45) % 90, 0, 89, -len, len));

case 1:

return ofPoint(ofMap((deg + 45) % 90, 0, 89, len, -len), len);

case 2:

return ofPoint(-len, ofMap((deg + 45) % 90, 0, 89, len, -len));

case 3:

return ofPoint(ofMap((deg + 45) % 90, 0, 89, -len, len), -len);

default:

return ofPoint(0, 0);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年5月16日2018年5月16日

Twist Circles openFrameworks

[ Video ]

[ About ]
フレーム数を引数とした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) {};

	// Make Member
	ofEasyCam cam;

	// Make Method
	void draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span);
};

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

// Make Member

ofEasyCam cam;

// Make Method

void draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span);

};

#include "ofApp.h"

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

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

	ofNoFill();
	ofSetColor(39);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(3939);
}

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

	this->cam.begin();

	for (int x = -1; x < 2; x++) {

		for (int y = -1; y < 2; y++) {

			this->draw_twist_circle(ofPoint(x * 230, y * 230), 20, 100, 10);
		}
	}

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span) {

	float noise_z = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);
	float noise_deg_x = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);
	float noise_deg_y = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);
	for (int radius = radius_base; radius <= radius_max; radius += radius_span) {

		ofPushMatrix();
		ofTranslate(point + ofPoint(0, 0, noise_z * ofMap(radius, radius_base, radius_max, 1, 0)));

		if (radius < radius_max * 0.65) {

			ofRotateX(noise_deg_x * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));
			ofRotateY(noise_deg_y * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));
		}
		else {

			ofRotateX(noise_deg_x * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));
			ofRotateY(noise_deg_y * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));
		}

		ofBeginShape();
		for (int deg = 0; deg <= 360; deg++) {

			ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		}
		ofEndShape(true);

		ofPopMatrix();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(239);

ofSetWindowTitle("Insta");

ofNoFill();

ofSetColor(39);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(3939);

}

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

void ofApp::draw() {

this->cam.begin();

for (int x = -1; x < 2; x++) {

for (int y = -1; y < 2; y++) {

this->draw_twist_circle(ofPoint(x * 230, y * 230), 20, 100, 10);

}

this->cam.end();

}

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

void ofApp::draw_twist_circle(ofPoint point, int radius_base, int radius_max, int radius_span) {

float noise_z = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);

float noise_deg_x = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);

float noise_deg_y = ofMap(ofNoise((ofRandom(1000) + ofGetFrameNum()) * 0.01), 0, 1, -180, 180);

for (int radius = radius_base; radius <= radius_max; radius += radius_span) {

ofPushMatrix();

ofTranslate(point + ofPoint(0, 0, noise_z * ofMap(radius, radius_base, radius_max, 1, 0)));

if (radius < radius_max * 0.65) {

ofRotateX(noise_deg_x * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));

ofRotateY(noise_deg_y * ofMap(radius, radius_base, radius_max * 0.65, 3, 0.8));

}

else {

ofRotateX(noise_deg_x * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));

ofRotateY(noise_deg_y * ofMap(radius, radius_max * 0.65, radius_max, 0.8, 0));

}

ofBeginShape();

for (int deg = 0; deg <= 360; deg++) {

ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

}

ofEndShape(true);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年5月15日2018年5月15日

箱の中のパーティクル openFrameworks ofxBullet

[ Video ]

[ About ]
お互いに反発するパーティクルを箱に閉じ込めました。普段は見えませんが、お互いが近づくと姿を現します。その性質により箱へ干渉する事で一斉に姿を現します。

[ Source ]

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

	ofCamera cam;
	ofxBulletWorldRigid world;

	unique_ptr<ofxBulletCustomShape> bounds_shape;
	vector<unique_ptr<ofxBulletSphere>> spheres;
};

#pragma once

#include "ofMain.h"

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

ofCamera cam;

ofxBulletWorldRigid world;

unique_ptr<ofxBulletCustomShape> bounds_shape;

vector<unique_ptr<ofxBulletSphere>> spheres;

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();

	// Initialize ofxBulletWorld
	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());

	// Create Big Box
	ofVec3f start_location;
	ofPoint dimens;
	float bounds_width = 400;
	float h_width = bounds_width * 0.5;
	float depth = 10.;
	float h_depth = depth * 0.5;
	this->bounds_shape.reset(new ofxBulletCustomShape());
	this->bounds_shape->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->bounds_shape->addShape(boxShape, start_location);
	}
	this->bounds_shape->add();

	// Create Spheres
	for (int i = 0; i < 255; i++) {

		unique_ptr<ofxBulletSphere> sphere(new ofxBulletSphere);
		float size = 5;
		sphere->create(this->world.world, ofVec3f(ofRandom(-100, 100), ofRandom(-100, 100), ofRandom(-100, 100)), 1, size);
		sphere->setRestitution(1.0);
		sphere->add();
		this->spheres.push_back(move(sphere));
	}
}

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

	// Big Box Moving To Center 
	if (!ofGetMousePressed()) {

		ofVec3f diff = ofVec3f(0, 0, 0) - bounds_shape->getPosition();
		diff *= 500.f;
		bounds_shape->applyCentralForce(diff);
	}

	// Compute Spheres Relation
	for (int i = 0; i < this->spheres.size(); i++) {

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

			float distance = this->spheres[i]->getPosition().distance(this->spheres[j]->getPosition());
			if (distance < 80) {

				ofVec3f diff = this->spheres[i]->getPosition() - this->spheres[j]->getPosition();
				ofMap(distance, 0, 50, 40, -2);
				this->spheres[i]->applyCentralForce(diff);
				this->spheres[j]->applyCentralForce(-diff);
			}
		}
	}

	this->world.update();
}

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

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

	// Draw Big Box
	ofNoFill();
	if (ofGetMousePressed()) {

		ofSetColor(39, 39, 239);
	}
	else {

		ofSetColor(239);
	}
	bounds_shape->transformGL();
	ofDrawBox(ofVec3f(0, 0, 0), 400);
	bounds_shape->restoreTransformGL();

	// Draw Sphere
	ofFill();
	for (int i = 0; i < this->spheres.size(); i++) {

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

			float distance = this->spheres[i]->getPosition().distance(this->spheres[j]->getPosition());
			if (distance < 30) {

				ofSetColor(239);
				ofDrawLine(this->spheres[i]->getPosition(), this->spheres[j]->getPosition());
				ofDrawSphere(this->spheres[i]->getPosition(), this->spheres[i]->getRadius());
				ofDrawSphere(this->spheres[j]->getPosition(), this->spheres[j]->getRadius());
			}
			else if (distance < 60) {

				ofSetColor(239, ofMap(distance, 30, 60, 255, 0));
				ofDrawLine(this->spheres[i]->getPosition(), this->spheres[j]->getPosition());
				ofDrawSphere(this->spheres[i]->getPosition(), this->spheres[i]->getRadius());
				ofDrawSphere(this->spheres[j]->getPosition(), this->spheres[j]->getRadius());
			}
		}
	}
}

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

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

// Initialize ofxBulletWorld

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

// Create Big Box

ofVec3f start_location;

ofPoint dimens;

float bounds_width = 400;

float h_width = bounds_width * 0.5;

float depth = 10.;

float h_depth = depth * 0.5;

this->bounds_shape.reset(new ofxBulletCustomShape());

this->bounds_shape->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->bounds_shape->addShape(boxShape, start_location);

}

this->bounds_shape->add();

// Create Spheres

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

unique_ptr<ofxBulletSphere> sphere(new ofxBulletSphere);

float size = 5;

sphere->create(this->world.world, ofVec3f(ofRandom(-100, 100), ofRandom(-100, 100), ofRandom(-100, 100)), 1, size);

sphere->setRestitution(1.0);

sphere->add();

this->spheres.push_back(move(sphere));

}

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

void ofApp::update() {

// Big Box Moving To Center

if (!ofGetMousePressed()) {

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

diff *= 500.f;

bounds_shape->applyCentralForce(diff);

}

// Compute Spheres Relation

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

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

float distance = this->spheres[i]->getPosition().distance(this->spheres[j]->getPosition());

if (distance < 80) {

ofVec3f diff = this->spheres[i]->getPosition() - this->spheres[j]->getPosition();

ofMap(distance, 0, 50, 40, -2);

this->spheres[i]->applyCentralForce(diff);

this->spheres[j]->applyCentralForce(-diff);

}

this->world.update();

}

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

void ofApp::draw() {

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

// Draw Big Box

ofNoFill();

if (ofGetMousePressed()) {

ofSetColor(39, 39, 239);

}

else {

ofSetColor(239);

}

bounds_shape->transformGL();

ofDrawBox(ofVec3f(0, 0, 0), 400);

bounds_shape->restoreTransformGL();

// Draw Sphere

ofFill();

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

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

float distance = this->spheres[i]->getPosition().distance(this->spheres[j]->getPosition());

if (distance < 30) {

ofSetColor(239);

ofDrawLine(this->spheres[i]->getPosition(), this->spheres[j]->getPosition());

ofDrawSphere(this->spheres[i]->getPosition(), this->spheres[i]->getRadius());

ofDrawSphere(this->spheres[j]->getPosition(), this->spheres[j]->getRadius());

}

else if (distance < 60) {

ofSetColor(239, ofMap(distance, 30, 60, 255, 0));

ofDrawLine(this->spheres[i]->getPosition(), this->spheres[j]->getPosition());

ofDrawSphere(this->spheres[i]->getPosition(), this->spheres[i]->getRadius());

ofDrawSphere(this->spheres[j]->getPosition(), this->spheres[j]->getRadius());

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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