2018年3月 – ページ 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年3月6日2018年3月5日

ねじれC 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) {};
};

#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(60);
	ofBackground(239);
	ofSetWindowTitle("Insta");

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

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

}

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

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

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

		float noise_value = ofNoise(i * 0.05 - ofGetFrameNum() * 0.005);
		radius += 10;

		ofPushMatrix();
		ofRotate(noise_value * 720);

		ofBeginShape();
		for (int deg = 0; deg <= 180; 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(239);

ofSetWindowTitle("Insta");

ofNoFill();

ofSetLineWidth(5);

ofSetColor(39);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

float radius = 30;

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

float noise_value = ofNoise(i * 0.05 - ofGetFrameNum() * 0.005);

radius += 10;

ofPushMatrix();

ofRotate(noise_value * 720);

ofBeginShape();

for (int deg = 0; deg <= 180; 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/Insta20180305

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年3月5日2018年3月4日

再帰の円(最小円だけ描写) openFrameworks

[ Video ]

[ About ]
Instagramのアカウントへ最小の円以外を消すことはできますか？とコメントを頂いたのでやってみました。もともと、再帰の繰り返しだったので、もともとあったif文にelse句を追加するだけでOKでした。

[ 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(230);
	ofSetWindowTitle("Insta");

	ofSetColor(39);
	//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);
	} else {

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

ofSetWindowTitle("Insta");

ofSetColor(39);

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

} else {

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

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