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

2018年10月23日2018年10月23日

Mirage. openFrameworks

[ Video ]

[ About ]
赤く光らせたかったけど、ただボヤけた感じになってしまった

Mirage.

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

	int number_of_targets;

	vector<glm::vec2> targets1;
	vector<glm::vec2> targets2;

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

int number_of_targets;

vector<glm::vec2> targets1;

vector<glm::vec2> targets2;

ofShader shader;

};

#include "ofApp.h"

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

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

	this->number_of_targets = 60;
	for (int i = 0; i < this->number_of_targets; i++) {

		this->targets1.push_back(glm::vec2());
		this->targets2.push_back(glm::vec2());
	}

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

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

	ofSeedRandom(39);

	float radius = 250;
	for (int i = 0; i < this->number_of_targets; i++) {

		int deg = i * 3 + 90;
		ofPoint point = ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

		float noise_value = ofNoise(deg * 0.03, ofGetFrameNum() * 0.008);
		float x_param = 0;
		if (noise_value > 0.75) {

			x_param = ofMap(noise_value, 0.75, 1.0, 0, 150);
		}
		else if (noise_value < 0.25) {

			x_param = ofMap(noise_value, 0.25, 0.0, 0, -150);
		}

		this->targets1[i] = glm::vec2(point.x + x_param + ofGetWidth() * 0.5, point.y + ofGetHeight() * 0.5);
		this->targets2[i] = glm::vec2(-point.x + x_param + ofGetWidth() * 0.5, point.y + ofGetHeight() * 0.5);
	}
}

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniform2fv("targets1", &this->targets1[0].x, this->number_of_targets);
	this->shader.setUniform2fv("targets2", &this->targets2[0].x, this->number_of_targets);

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

	this->shader.end();
}

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

this->number_of_targets = 60;

for (int i = 0; i < this->number_of_targets; i++) {

this->targets1.push_back(glm::vec2());

this->targets2.push_back(glm::vec2());

}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

float radius = 250;

for (int i = 0; i < this->number_of_targets; i++) {

int deg = i * 3 + 90;

ofPoint point = ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

float noise_value = ofNoise(deg * 0.03, ofGetFrameNum() * 0.008);

float x_param = 0;

if (noise_value > 0.75) {

x_param = ofMap(noise_value, 0.75, 1.0, 0, 150);

}

else if (noise_value < 0.25) {

x_param = ofMap(noise_value, 0.25, 0.0, 0, -150);

}

this->targets1[i] = glm::vec2(point.x + x_param + ofGetWidth() * 0.5, point.y + ofGetHeight() * 0.5);

this->targets2[i] = glm::vec2(-point.x + x_param + ofGetWidth() * 0.5, point.y + ofGetHeight() * 0.5);

}

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

void ofApp::draw() {

this->shader.begin();

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

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

this->shader.setUniform2fv("targets1", &this->targets1[0].x, this->number_of_targets);

this->shader.setUniform2fv("targets2", &this->targets2[0].x, this->number_of_targets);

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

this->shader.end();

}

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

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

const int number_of_targets = 60;

uniform float time;
uniform vec2 resolution;
uniform vec2 targets1[number_of_targets];
uniform vec2 targets2[number_of_targets];

out vec4 outputColor;

/// Reference
/// https://trap.jp/post/142/
float crs(vec2 v1, vec2 v2) {
    return v1.x*v2.y - v1.y*v2.x;
}

// 2点v1, v2を端点に持つ線分との距離を返す
float line(vec2 p, vec2 v1, vec2 v2) {
    p  -= v1;
    vec2 v = v2-v1;
    float t = dot(p, normalize(v));
    if (t<0.0) {
        return length(p);
    } else if (t>length(v)) {
        return length(p-v);
    } else {
        return abs(crs(p, normalize(v)));
    }
}

void main() {

  vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);
  vec3 color = vec3(0.0);

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

    vec2 t1 = vec2(targets1[i].x, -targets1[i].y) / min(resolution.x, resolution.y) * 2.0;
    vec2 t2 = vec2(targets2[i].x, -targets2[i].y) / min(resolution.x, resolution.y) * 2.0;
    t1.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);
    t2.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);

    float v = 0.005 / line(p, t1, t2);
    vec3 c = vec3(smoothstep(0.0, 1.0, v), 0.0, 0.0);

    color += c;
  }

  outputColor = vec4(color, 1.0);
}

#version 150

const int number_of_targets = 60;

uniform float time;

uniform vec2 resolution;

uniform vec2 targets1[number_of_targets];

uniform vec2 targets2[number_of_targets];

out vec4 outputColor;

/// Reference

/// https://trap.jp/post/142/

float crs(vec2 v1, vec2 v2) {

return v1.x*v2.y - v1.y*v2.x;

}

// 2点v1, v2を端点に持つ線分との距離を返す

float line(vec2 p, vec2 v1, vec2 v2) {

p -= v1;

vec2 v = v2-v1;

float t = dot(p, normalize(v));

if (t<0.0) {

return length(p);

} else if (t>length(v)) {

return length(p-v);

} else {

return abs(crs(p, normalize(v)));

}

void main() {

vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);

vec3 color = vec3(0.0);

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

vec2 t1 = vec2(targets1[i].x, -targets1[i].y) / min(resolution.x, resolution.y) * 2.0;

vec2 t2 = vec2(targets2[i].x, -targets2[i].y) / min(resolution.x, resolution.y) * 2.0;

t1.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);

t2.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);

float v = 0.005 / line(p, t1, t2);

vec3 c = vec3(smoothstep(0.0, 1.0, v), 0.0, 0.0);

color += c;

}

outputColor = vec4(color, 1.0);

}

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

2018年10月22日2018年10月22日

Rotate D. openFrameworks

[ Video ]

[ About ]
廻るD

Rotate D.

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

	ofPoint make_point(int radius, int deg);
};

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

ofPoint make_point(int radius, int deg);

};

#include "ofApp.h"

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

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

	ofBackground(39);
	ofSetColor(239);
	ofSetLineWidth(1.5);
	ofNoFill();
}

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

}

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

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

	for (int radius = 150; radius < 350; radius += 10) {

		int start_deg = ofGetFrameNum() + radius * 5;

		ofBeginShape();
		for (int deg = start_deg; deg < start_deg + 180; deg++) {

			ofVertex(this->make_point(radius, deg));
		}
		ofEndShape();
	}

}

//--------------------------------------------------------------
ofPoint ofApp::make_point(int radius, int deg) {

	deg = deg % 360;
	
	if ((deg >= 0 && deg < 90) || (deg >= 270 && deg < 360)) {

		return ofPoint(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
	}
	else if (deg >= 90 && deg < 110) {

		return ofPoint(radius * cos(deg * DEG_TO_RAD), radius);
	}
	else if (deg >= 110 && deg < 250) {

		return ofPoint(radius * cos(110 * DEG_TO_RAD), ofMap(deg, 110, 250, radius, -radius));
	}
	else if (deg >= 250 && deg < 270)
	{
		return ofPoint(radius * cos(deg * DEG_TO_RAD), -radius);
	}

	return ofPoint();
}

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

ofNoFill();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

for (int radius = 150; radius < 350; radius += 10) {

int start_deg = ofGetFrameNum() + radius * 5;

ofBeginShape();

for (int deg = start_deg; deg < start_deg + 180; deg++) {

ofVertex(this->make_point(radius, deg));

}

ofEndShape();

}

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

ofPoint ofApp::make_point(int radius, int deg) {

deg = deg % 360;

if ((deg >= 0 && deg < 90) || (deg >= 270 && deg < 360)) {

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

}

else if (deg >= 90 && deg < 110) {

return ofPoint(radius * cos(deg * DEG_TO_RAD), radius);

}

else if (deg >= 110 && deg < 250) {

return ofPoint(radius * cos(110 * DEG_TO_RAD), ofMap(deg, 110, 250, radius, -radius));

}

else if (deg >= 250 && deg < 270)

{

return ofPoint(radius * cos(deg * DEG_TO_RAD), -radius);

}

return ofPoint();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年10月21日2018年10月21日

Flock of C. openFrameworks

[ Video ]

[ About ]
CによるC

Flock of C.

[ 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<ofPoint> locations;
};

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);

	int font_size = 600;
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", font_size, true, true, true);

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

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

	this->fbo.end();

	ofPixels pixels;
	this->fbo.readToPixels(pixels);

	int span = 20;
	for (int x = 0; x < this->fbo.getWidth(); x += span) {

		for (int y = 0; y < this->fbo.getHeight(); y += span) {

			if (pixels.getColor(x, y) != ofColor(0, 0)) {

				this->locations.push_back(ofPoint(x - ofGetWidth() * 0.5, y - ofGetHeight() * 0.5));
			}
		}
	}

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", span, true, true, true);
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);
}

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

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

	ofColor color;
	for (ofPoint& point : this->locations) {
		
		ofPushMatrix();
		ofTranslate(point);
		ofRotate(ofNoise(point.x * 0.01, point.y * 0.01, ofGetFrameNum() * 0.008) * 720);

		this->font.drawString("C", this->font.getSize() * -0.5, this->font.getSize() * 0.5);

		ofPopMatrix();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

int font_size = 600;

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

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

this->fbo.begin();

ofClear(0);

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

string word = "C";

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

this->fbo.end();

ofPixels pixels;

this->fbo.readToPixels(pixels);

int span = 20;

for (int x = 0; x < this->fbo.getWidth(); x += span) {

for (int y = 0; y < this->fbo.getHeight(); y += span) {

if (pixels.getColor(x, y) != ofColor(0, 0)) {

this->locations.push_back(ofPoint(x - ofGetWidth() * 0.5, y - ofGetHeight() * 0.5));

}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

ofColor color;

for (ofPoint& point : this->locations) {

ofPushMatrix();

ofTranslate(point);

ofRotate(ofNoise(point.x * 0.01, point.y * 0.01, ofGetFrameNum() * 0.008) * 720);

this->font.drawString("C", this->font.getSize() * -0.5, this->font.getSize() * 0.5);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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