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

2018年2月7日2018年2月6日

Noise でとるねーど

[ Video ]

[ About ]
うずですね。
うずです。

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

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

};

#include "ofApp.h"

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

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

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofSetLineWidth(3);
}

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

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

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

	float radius = 10;
	float deg = 0;

	while (radius < ofGetWidth()) {

		float noise_value = ofNoise(deg * 0.005 - ofGetFrameNum() * 0.01) + 0.5;
		ofPoint point_1(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		ofPoint point_2(radius * noise_value * cos(deg * DEG_TO_RAD), radius * noise_value * sin(deg * DEG_TO_RAD));

		ofColor line_color;
		line_color.setHsb((int)deg % 255, 200, 200);
		ofSetColor(line_color);

		ofDrawLine(point_1, point_2);

		radius += 0.1;
		deg += 1.5;
	}

}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(32);

ofSetWindowTitle("Insta");

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofSetLineWidth(3);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

float radius = 10;

float deg = 0;

while (radius < ofGetWidth()) {

float noise_value = ofNoise(deg * 0.005 - ofGetFrameNum() * 0.01) + 0.5;

ofPoint point_1(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

ofPoint point_2(radius * noise_value * cos(deg * DEG_TO_RAD), radius * noise_value * sin(deg * DEG_TO_RAD));

ofColor line_color;

line_color.setHsb((int)deg % 255, 200, 200);

ofSetColor(line_color);

ofDrawLine(point_1, point_2);

radius += 0.1;

deg += 1.5;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年2月6日2018年2月5日

Noise でわっか openFrameworks

[ Video ]

[ About ]
角度3度ごとに線を引いています。線の長さはNoise関数で生成した値を元に変化させているので、それぞれの部位ごとに滑らかに変化していきます。

何故か周期的に線の長さが揃って0に近くなるのですが、プログラミングでそのような機構は入れたつもりはなかったので、想定外の動きになります。

ofNoiseに与えているdegの値が大きすぎるせい？？

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

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

};

#include "ofApp.h"

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

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

	ofSetLineWidth(3);
}

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

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

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

	for (float radius = 50; radius <= 250; radius += 100) {

		for (float deg = 0; deg < 360; deg += 3) {

			float noise_value = ofNoise(deg - ofGetFrameNum() * 0.005) + 0.5;
			ofPoint point_1(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			ofPoint point_2(radius * noise_value * cos(deg * DEG_TO_RAD), radius * noise_value * sin(deg * DEG_TO_RAD));

			ofColor line_color;
			line_color.setHsb(deg / 360 * 255, 200, 200);
			ofSetColor(line_color);
			ofDrawLine(point_1, point_2);
		}
	}

}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(32);

ofSetWindowTitle("Insta");

ofSetLineWidth(3);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

for (float radius = 50; radius <= 250; radius += 100) {

for (float deg = 0; deg < 360; deg += 3) {

float noise_value = ofNoise(deg - ofGetFrameNum() * 0.005) + 0.5;

ofPoint point_1(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

ofPoint point_2(radius * noise_value * cos(deg * DEG_TO_RAD), radius * noise_value * sin(deg * DEG_TO_RAD));

ofColor line_color;

line_color.setHsb(deg / 360 * 255, 200, 200);

ofSetColor(line_color);

ofDrawLine(point_1, point_2);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年2月5日2018年2月4日

Noiseを使った渦　openFrameworks

[ Video ]

[ About ]
Noise関数で360度に円を配置しています。ノイズ関数の引数はRadius + FrameNumなので伝播していきます。

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

	ofEasyCam cam;
};

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

ofEasyCam cam;

};

#include "ofApp.h"

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

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

}

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

}

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

	this->cam.begin();

	float radius_span = 15;
	for (float radius = radius_span; radius < ofGetWidth() / 2; radius += radius_span) {

		ofColor color;
		color.setHsb(ofMap(radius, radius_span, ofGetWidth() / 2, 0, 255), 255, 255);
		ofSetColor(color);

		float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.001) * 360;
		float x = radius * cos(noise_value);
		float y = radius * sin(noise_value);

		ofDrawCircle(x, y, 15);
	}


	this->cam.end();
}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(0);

ofSetWindowTitle("Insta");

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

float radius_span = 15;

for (float radius = radius_span; radius < ofGetWidth() / 2; radius += radius_span) {

ofColor color;

color.setHsb(ofMap(radius, radius_span, ofGetWidth() / 2, 0, 255), 255, 255);

ofSetColor(color);

float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.001) * 360;

float x = radius * cos(noise_value);

float y = radius * sin(noise_value);

ofDrawCircle(x, y, 15);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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