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

2019年2月3日

Middle of hue. openFrameworks

[ Video ]

[ About ]
keynoteの「色相の中間」というワードとソースが引っかかっていたので、とりあえず自分で作ってみる。パーティクルの中心側が自身の色、周りの色は最も近いパーティクルとの色相の中間色(になっていたらいいな)

Particle center color is original color. outor color is middle of hue of nearest particle.

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

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

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetLineWidth(2);
}

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

	ofSeedRandom(39);
}

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

	vector<glm::vec2> locations;
	ofColor color;
	vector<ofColor> origin_colors;
	vector<ofColor> mix_colors;
	for (int i = 0; i < 20; i++) {

		glm::vec2 location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, 0, ofGetWidth()), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, 0, ofGetHeight()));
		locations.push_back(location);

		color.setHsb(ofRandom(255), 255, 255);
		origin_colors.push_back(color);
		mix_colors.push_back(color);
	}

	for (int i = 0; i < locations.size(); i++) {

		int nearest_index = i;
		float nearest_distance = 150;
		for (int k = 0; k < locations.size(); k++) {

			float distance = glm::distance(locations[i], locations[k]);
			if (i != k && distance < nearest_distance) {

				nearest_index = k;
				nearest_distance = distance;
			}
		}

		ofSetColor(origin_colors[i]);
		ofDrawLine(locations[i], locations[nearest_index]);

		if (i != nearest_index) {

			float min_hue = min(origin_colors[i].getHue(), origin_colors[nearest_index].getHue());
			float max_hue = max(origin_colors[i].getHue(), origin_colors[nearest_index].getHue());
			float distance = max_hue - min_hue;

			if (distance < 128) {

				mix_colors[i].setHue((min_hue + max_hue) / 2);
			}
			else {

				mix_colors[i].setHue((min_hue + max_hue) / 2 - 128);
			}
		}
	}

	for (int i = 0; i < locations.size(); i++) {

		ofSetColor(mix_colors[i]);
		ofDrawCircle(locations[i], 35);

		ofSetColor(origin_colors[i]);
		ofDrawCircle(locations[i], 25);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

vector<glm::vec2> locations;

ofColor color;

vector<ofColor> origin_colors;

vector<ofColor> mix_colors;

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

glm::vec2 location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, 0, ofGetWidth()), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, 0, ofGetHeight()));

locations.push_back(location);

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

origin_colors.push_back(color);

mix_colors.push_back(color);

}

for (int i = 0; i < locations.size(); i++) {

int nearest_index = i;

float nearest_distance = 150;

for (int k = 0; k < locations.size(); k++) {

float distance = glm::distance(locations[i], locations[k]);

if (i != k && distance < nearest_distance) {

nearest_index = k;

nearest_distance = distance;

}

ofSetColor(origin_colors[i]);

ofDrawLine(locations[i], locations[nearest_index]);

if (i != nearest_index) {

float min_hue = min(origin_colors[i].getHue(), origin_colors[nearest_index].getHue());

float max_hue = max(origin_colors[i].getHue(), origin_colors[nearest_index].getHue());

float distance = max_hue - min_hue;

if (distance < 128) {

mix_colors[i].setHue((min_hue + max_hue) / 2);

}

else {

mix_colors[i].setHue((min_hue + max_hue) / 2 - 128);

}

for (int i = 0; i < locations.size(); i++) {

ofSetColor(mix_colors[i]);

ofDrawCircle(locations[i], 35);

ofSetColor(origin_colors[i]);

ofDrawCircle(locations[i], 25);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年2月2日2019年2月1日

Particles on sphere. openFrameworks

[ Video ]

[ About ]
球体上を移動するパーティクル。近づくと線が発生します

Particle on sphere. When approaching, a line is generated

[ 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(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(39);
	ofSetColor(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.75);

	vector<glm::vec3> locations;
	for (int i = 0; i < 650; i++) {

		glm::vec3 random_point(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -1, 1),
			ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -1, 1), 
			ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -1, 1));

		int len = 50;
		if (i > 80) { len = 140; }
		if (i > 300) { len = 300; }
		
		random_point = glm::normalize(random_point) * len;
		locations.push_back(random_point);
	}

	for (int i = 0; i < locations.size(); i++) {

		ofDrawSphere(locations[i], 3);
		for (int j = i + 1; j < locations.size(); j++) {

			float length = glm::distance(locations[i], locations[j]);
			if (length < 30) {

				ofDrawLine(locations[i], locations[j]);
			}
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofSetColor(239);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.75);

vector<glm::vec3> locations;

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

glm::vec3 random_point(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -1, 1),

ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -1, 1),

ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.001), 0, 1, -1, 1));

int len = 50;

if (i > 80) { len = 140; }

if (i > 300) { len = 300; }

random_point = glm::normalize(random_point) * len;

locations.push_back(random_point);

}

for (int i = 0; i < locations.size(); i++) {

ofDrawSphere(locations[i], 3);

for (int j = i + 1; j < locations.size(); j++) {

float length = glm::distance(locations[i], locations[j]);

if (length < 30) {

ofDrawLine(locations[i], locations[j]);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年2月1日2019年2月1日

777. openFrameworks

[ Video ]

[ About ]
毎日投稿777日を到達した気がします！

Every day post on 777th day.

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

	ofTrueTypeFont font;
	ofFbo fbo;
	vector<glm::vec3> y_noise;

	ofShader shader;
};

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

ofTrueTypeFont font;

ofFbo fbo;

vector<glm::vec3> y_noise;

ofShader shader;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(39);
	ofSetColor(255);

    this->font.loadFont("fonts/Kazesawa-Bold.ttf", 280, true, true, true);
	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	for (int i = 0; i < ofGetHeight(); i++)	{ this->y_noise.push_back(glm::vec3()); }

	this->shader.load("shader/shader.vert", "shader/shader.frag");
}
//--------------------------------------------------------------
void ofApp::update() {

	this->fbo.begin();
	ofClear(0);
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	ofRotate(ofGetFrameNum());

	string word = "777";
	font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word) * 0.5);

	this->fbo.end();

	ofSeedRandom(39);
	glm::vec3 noise_value;
	glm::vec3 noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	for (int y = 0; y < this->y_noise.size(); y++) {

		if (y % 8 == 0) {

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

				noise_value[i] = ofMap(ofNoise(noise_seed[i], y * 0.03, ofGetFrameNum() * 0.02), 0, 1, -1, 1);

				if (noise_value[i] > 0.5) {

					noise_value[i] -= 0.5;
				}
				else if (noise_value[i] < -0.5) {

					noise_value[i] += 0.5;
				}
				else {

					noise_value[i] = 0.0;
				}
			}
		}

		this->y_noise[y] = noise_value;
	}
}

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniformTexture("tex", this->fbo.getTexture(), 1);
	this->shader.setUniform3fv("y_noise", &this->y_noise[0].x, ofGetHeight());

	ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

	this->shader.end();

	ofImage image;
	image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
	image.saveImage(to_string(ofGetFrameNum()) + ".png");
}

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

	ofGLWindowSettings settings;
	settings.setGLVersion(3, 2);
	settings.setSize(720, 720);
	ofCreateWindow(settings);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofSetColor(255);

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

this->fbo.allocate(ofGetWidth(), ofGetHeight());

for (int i = 0; i < ofGetHeight(); i++) { this->y_noise.push_back(glm::vec3()); }

this->shader.load("shader/shader.vert", "shader/shader.frag");

}

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

void ofApp::update() {

this->fbo.begin();

ofClear(0);

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

ofRotate(ofGetFrameNum());

string word = "777";

font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word) * 0.5);

this->fbo.end();

ofSeedRandom(39);

glm::vec3 noise_value;

glm::vec3 noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

for (int y = 0; y < this->y_noise.size(); y++) {

if (y % 8 == 0) {

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

noise_value[i] = ofMap(ofNoise(noise_seed[i], y * 0.03, ofGetFrameNum() * 0.02), 0, 1, -1, 1);

if (noise_value[i] > 0.5) {

noise_value[i] -= 0.5;

}

else if (noise_value[i] < -0.5) {

noise_value[i] += 0.5;

}

else {

noise_value[i] = 0.0;

}

this->y_noise[y] = noise_value;

}

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

void ofApp::draw() {

this->shader.begin();

this->shader.setUniform1f("time", ofGetElapsedTimef());

this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

this->shader.setUniformTexture("tex", this->fbo.getTexture(), 1);

this->shader.setUniform3fv("y_noise", &this->y_noise[0].x, ofGetHeight());

ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

this->shader.end();

ofImage image;

image.grabScreen(0, 0, ofGetWidth(), ofGetHeight());

image.saveImage(to_string(ofGetFrameNum()) + ".png");

}

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

int main() {

ofGLWindowSettings settings;

settings.setGLVersion(3, 2);

settings.setSize(720, 720);

ofCreateWindow(settings);

ofRunApp(new ofApp());

}

#version 150

uniform mat4 modelViewProjectionMatrix;
in vec4 position;

void main(){
	gl_Position = modelViewProjectionMatrix * position;
}

#version 150

uniform mat4 modelViewProjectionMatrix;

in vec4 position;

void main(){

gl_Position = modelViewProjectionMatrix * position;

}

#version 150

uniform float time;
uniform vec2 resolution;
uniform sampler2DRect tex;
uniform vec3 y_noise[720];

out vec4 outputColor;

void main() {

  float drift = 240.0;
  vec3 color = vec3(1.0);
  float r = texture(tex, vec2(gl_FragCoord.x + drift * y_noise[int(gl_FragCoord.y)].r, (resolution.y - gl_FragCoord.y))).r;
  float g = texture(tex, vec2(gl_FragCoord.x + drift * y_noise[int(gl_FragCoord.y)].g, (resolution.y - gl_FragCoord.y))).g;
  float b = texture(tex, vec2(gl_FragCoord.x + drift * y_noise[int(gl_FragCoord.y)].b, (resolution.y - gl_FragCoord.y))).b;
  outputColor = vec4(color - vec3(r, g, b), 1.0);
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform sampler2DRect tex;

uniform vec3 y_noise[720];

out vec4 outputColor;

void main() {

float drift = 240.0;

vec3 color = vec3(1.0);

float r = texture(tex, vec2(gl_FragCoord.x + drift * y_noise[int(gl_FragCoord.y)].r, (resolution.y - gl_FragCoord.y))).r;

float g = texture(tex, vec2(gl_FragCoord.x + drift * y_noise[int(gl_FragCoord.y)].g, (resolution.y - gl_FragCoord.y))).g;

float b = texture(tex, vec2(gl_FragCoord.x + drift * y_noise[int(gl_FragCoord.y)].b, (resolution.y - gl_FragCoord.y))).b;

outputColor = vec4(color - vec3(r, g, b), 1.0);

}

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

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