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

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

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

2019年1月31日2019年2月21日

Dancing shell. openFrameworks

[ Video ]

[ About ]
踊る貝。「数学デッサン教室描いて楽しむ数学のかたち」によると一つの式から色々な貝が描けるらしい。面白い！

Dancing shell.

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

	glm::vec3 make_shell_point(float a, float b, float c, float h, float k, float u, float v, float w, int R);

	ofEasyCam cam;
	vector<vector<glm::vec3>> verticesList;
};

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

glm::vec3 make_shell_point(float a, float b, float c, float h, float k, float u, float v, float w, int R);

ofEasyCam cam;

vector<vector<glm::vec3>> verticesList;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetColor(255);
	ofNoFill();
	ofSetLineWidth(0.5);
	ofEnableDepthTest();

	// Parameter reference by https://twitter.com/ru_sack/status/798308368007892992

	float a = 1.25;
	float b = 1.25;
	float c = 1.0;
	float h = 3.5;
	float k = 0;
	float w = 0.12;
	int R = 1;
	int scale = 100;

	float u_step = 0.15;
	int v_step = 15;
	for (float u = -35; u <= -1; u += u_step) {

		for (int v = 0; v <= 360; v += v_step) {
			
			vector<glm::vec3> vertices;
			vertices.push_back(this->make_shell_point(a, b, c, h, k, u + u_step * 0.5, (v + v_step * 0.5) * DEG_TO_RAD, w, R) * scale);
			vertices.push_back(this->make_shell_point(a, b, c, h, k, u + u_step * 0.5, (v - v_step * 0.5) * DEG_TO_RAD, w, R) * scale);
			vertices.push_back(this->make_shell_point(a, b, c, h, k, u - u_step * 0.5, (v - v_step * 0.5) * DEG_TO_RAD, w, R) * scale);
			vertices.push_back(this->make_shell_point(a, b, c, h, k, u - u_step * 0.5, (v + v_step * 0.5) * DEG_TO_RAD, w, R) * scale);
			this->verticesList.push_back(vertices);
		}
	}
}

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

}

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

	this->cam.begin();

	int sound_index = 0;
	for (auto vertices : this->verticesList) {

		ofBeginShape();
		for (auto vertex : vertices) {

			float noise_value = ofMap(ofNoise(vertex.x * 0.005, vertex.y * 0.005, vertex.z * 0.005, ofGetFrameNum() * 0.05), 0, 1, 0.8, 1.0);
			ofVertex(vertex * noise_value);
		}
		ofEndShape(true);
	}

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_shell_point(float a, float b, float c, float h, float k, float u, float v, float w, int R) {

	// 数学デッサン教室 描いて楽しむ数学たち 貝殻の形 shape of shell P.59

	float x = (h + a * cos(v)) * exp(w * u) * cos(c * u);
	float y = R * (h + a * cos(v)) * exp(w * u) * sin(c * u);
	float z = (k + b * sin(v)) * exp(w * u);

	return glm::vec3(x, y, z);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetColor(255);

ofNoFill();

ofSetLineWidth(0.5);

ofEnableDepthTest();

// Parameter reference by https://twitter.com/ru_sack/status/798308368007892992

float a = 1.25;

float b = 1.25;

float c = 1.0;

float h = 3.5;

float k = 0;

float w = 0.12;

int R = 1;

int scale = 100;

float u_step = 0.15;

int v_step = 15;

for (float u = -35; u <= -1; u += u_step) {

for (int v = 0; v <= 360; v += v_step) {

vector<glm::vec3> vertices;

vertices.push_back(this->make_shell_point(a, b, c, h, k, u + u_step * 0.5, (v + v_step * 0.5) * DEG_TO_RAD, w, R) * scale);

vertices.push_back(this->make_shell_point(a, b, c, h, k, u + u_step * 0.5, (v - v_step * 0.5) * DEG_TO_RAD, w, R) * scale);

vertices.push_back(this->make_shell_point(a, b, c, h, k, u - u_step * 0.5, (v - v_step * 0.5) * DEG_TO_RAD, w, R) * scale);

vertices.push_back(this->make_shell_point(a, b, c, h, k, u - u_step * 0.5, (v + v_step * 0.5) * DEG_TO_RAD, w, R) * scale);

this->verticesList.push_back(vertices);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

int sound_index = 0;

for (auto vertices : this->verticesList) {

ofBeginShape();

for (auto vertex : vertices) {

float noise_value = ofMap(ofNoise(vertex.x * 0.005, vertex.y * 0.005, vertex.z * 0.005, ofGetFrameNum() * 0.05), 0, 1, 0.8, 1.0);

ofVertex(vertex * noise_value);

}

ofEndShape(true);

}

this->cam.end();

}

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

glm::vec3 ofApp::make_shell_point(float a, float b, float c, float h, float k, float u, float v, float w, int R) {

// 数学デッサン教室描いて楽しむ数学たち貝殻の形 shape of shell P.59

float x = (h + a * cos(v)) * exp(w * u) * cos(c * u);

float y = R * (h + a * cos(v)) * exp(w * u) * sin(c * u);

float z = (k + b * sin(v)) * exp(w * u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2025年12月
月	火	水	木	金	土	日
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