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

2018年3月3日2018年3月2日

NoiseなGear openFrameworks

[ Video ]

[ About ]
15度間隔で直径が変化する変形した円を10個重ねて描写しています。
ガラスの破片だったり、ビル群だったりと色々なものに見えてきて楽しい。

風邪はだいぶ良くなりましたb

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

	ofEasyCam cam;
	float noise_value;
};

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

float noise_value;

};

#include "ofApp.h"

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

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

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

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

}

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

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

	float radius = 350;

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

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

			float x = radius * cos(deg * DEG_TO_RAD);
			float y = radius * sin(deg * DEG_TO_RAD);

			if (deg % 15 == 0) {

				this->noise_value = ofNoise(i, x * 0.005, y * 0.005, ofGetFrameNum() * 0.005);
			}

			x = (radius * noise_value) * cos(deg * DEG_TO_RAD);
			y = (radius * noise_value) * sin(deg * DEG_TO_RAD);

			ofVertex(x, y);
		}
		ofEndShape();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(230);

ofSetWindowTitle("Insta");

ofNoFill();

ofSetLineWidth(2);

ofSetColor(39);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

float radius = 350;

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

ofRotate(1.5);

ofBeginShape();

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

float x = radius * cos(deg * DEG_TO_RAD);

float y = radius * sin(deg * DEG_TO_RAD);

if (deg % 15 == 0) {

this->noise_value = ofNoise(i, x * 0.005, y * 0.005, ofGetFrameNum() * 0.005);

}

x = (radius * noise_value) * cos(deg * DEG_TO_RAD);

y = (radius * noise_value) * sin(deg * DEG_TO_RAD);

ofVertex(x, y);

}

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年3月2日2018年3月1日

再帰の円 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) {};

	ofEasyCam cam;

	void drawCircle(int level, ofPoint point, float radius);
};

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

void drawCircle(int level, ofPoint point, float radius);

};

#include "ofApp.h"

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

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

	ofNoFill();
}

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

}

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

	this->drawCircle(2, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4), ofGetWidth() / 4);
	this->drawCircle(3, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4), ofGetWidth() / 4);
	this->drawCircle(4, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4 * 3), ofGetWidth() / 4);
	this->drawCircle(5, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4 * 3), ofGetWidth() / 4);
}

//--------------------------------------------------------------
void ofApp::drawCircle(int level, ofPoint point, float radius) {

	if (level > 0) {

		float deg = ofGetFrameNum() * (6 - level);
		ofPoint point_1 = ofPoint(point.x + (radius / 2) * cos(deg * DEG_TO_RAD), point.y + (radius / 2) * sin(deg * DEG_TO_RAD));
		ofPoint point_2 = ofPoint(point.x - (radius / 2) * cos(deg * DEG_TO_RAD), point.y - (radius / 2) * sin(deg * DEG_TO_RAD));

		this->drawCircle(level - 1, point_1, radius / 2);
		this->drawCircle(level - 1, point_2, radius / 2);
	}


	ofPushMatrix();
	ofTranslate(point);

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

		float x = radius * cos(deg * DEG_TO_RAD);
		float y = radius * sin(deg * DEG_TO_RAD);

		ofVertex(x, y);
	}
	ofEndShape();

	ofPopMatrix();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofNoFill();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->drawCircle(2, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4), ofGetWidth() / 4);

this->drawCircle(3, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4), ofGetWidth() / 4);

this->drawCircle(4, ofPoint(ofGetWidth() / 4, ofGetHeight() / 4 * 3), ofGetWidth() / 4);

this->drawCircle(5, ofPoint(ofGetWidth() / 4 * 3, ofGetHeight() / 4 * 3), ofGetWidth() / 4);

}

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

void ofApp::drawCircle(int level, ofPoint point, float radius) {

if (level > 0) {

float deg = ofGetFrameNum() * (6 - level);

ofPoint point_1 = ofPoint(point.x + (radius / 2) * cos(deg * DEG_TO_RAD), point.y + (radius / 2) * sin(deg * DEG_TO_RAD));

ofPoint point_2 = ofPoint(point.x - (radius / 2) * cos(deg * DEG_TO_RAD), point.y - (radius / 2) * sin(deg * DEG_TO_RAD));

this->drawCircle(level - 1, point_1, radius / 2);

this->drawCircle(level - 1, point_2, radius / 2);

}

ofPushMatrix();

ofTranslate(point);

ofBeginShape();

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

float x = radius * cos(deg * DEG_TO_RAD);

float y = radius * sin(deg * DEG_TO_RAD);

ofVertex(x, y);

}

ofEndShape();

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年3月1日2018年2月28日

Noiseな円をRotate openFrameworks

[ Video ]

[ About ]
Noiseでグネグネしている円をひとつ書くごとに回転させてみました。風邪の為、省電力モード(昨日のやつをちょこっと改造しただけ)の投稿になります。

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

	ofEasyCam cam;
};

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

};

#include "ofApp.h"

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

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

	ofEnableDepthTest();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofNoFill();
	ofSetColor(0, 200, 0);
}

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

}

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

	this->cam.begin();

	float radius = 300;
	int deg_span = 1;
	int z = 0;
	
	for (int i = 0; i < 360; i += 10) {
		ofRotateX(10);

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

			float x = radius * cos(deg * DEG_TO_RAD);
			float y = radius * sin(deg * DEG_TO_RAD);
			float tmp_radius = ofMap(ofNoise(x * 0.005, y * 0.005, i * 0.005 + ofGetFrameNum() * 0.005), 0, 1, 200, 300);

			x = tmp_radius * cos(deg * DEG_TO_RAD);
			y = tmp_radius * sin(deg * DEG_TO_RAD);
			ofPoint point = ofPoint(x, y, 0);
			ofVertex(point);
		}
		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");

ofEnableDepthTest();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofNoFill();

ofSetColor(0, 200, 0);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

float radius = 300;

int deg_span = 1;

int z = 0;

for (int i = 0; i < 360; i += 10) {

ofRotateX(10);

ofBeginShape();

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

float x = radius * cos(deg * DEG_TO_RAD);

float y = radius * sin(deg * DEG_TO_RAD);

float tmp_radius = ofMap(ofNoise(x * 0.005, y * 0.005, i * 0.005 + ofGetFrameNum() * 0.005), 0, 1, 200, 300);

x = tmp_radius * cos(deg * DEG_TO_RAD);

y = tmp_radius * sin(deg * DEG_TO_RAD);

ofPoint point = ofPoint(x, y, 0);

ofVertex(point);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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