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

2018年9月13日2018年9月12日

Light circle. openframeworks

[ Video ]

[ About ]
GLSL Tech Night 2018参加へ向けて触り始めた頃のやつ

Light circle.

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

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

ofShader shader;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

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

}

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

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

ofSetWindowTitle("openframeworks");

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->shader.begin();

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

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

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

uniform float time;
uniform vec2 resolution;

out vec4 outputColor;

void main() {

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

  float r = 0.03 / abs(0.5 - length(p)) * abs(sin(p.x + p.y + time));
  float g = 0.03 / abs(0.5 - length(p)) * abs(sin(p.x + p.y + time * 0.5) * cos(p.x + p.y + time * 0.5));
  float b = 0.03 / abs(0.5 - length(p)) * abs(cos(p.x + p.y + time));
  vec3 color = vec3(r, g, b);

  outputColor = vec4(color, 1.0);
}

#version 150

uniform float time;

uniform vec2 resolution;

out vec4 outputColor;

void main() {

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

float r = 0.03 / abs(0.5 - length(p)) * abs(sin(p.x + p.y + time));

float g = 0.03 / abs(0.5 - length(p)) * abs(sin(p.x + p.y + time * 0.5) * cos(p.x + p.y + time * 0.5));

float b = 0.03 / abs(0.5 - length(p)) * abs(cos(p.x + p.y + time));

vec3 color = vec3(r, g, b);

outputColor = vec4(color, 1.0);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年9月12日2018年9月12日

Life game on GLSL. openFrameworks

[ Video ]

[ About ]
GLSLを使ってライフゲーム。ピクセル単位で計算してるけど、サクサク動く！

Life game on GLSL. It is speedy.

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

	ofFbo src;
	ofFbo dst;

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

ofFbo src;

ofFbo dst;

ofShader shader;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	this->src.allocate(ofGetWidth(), ofGetHeight());
	this->dst.allocate(ofGetWidth(), ofGetHeight());

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

	ofSeedRandom(39);
	this->src.begin();
	ofClear(0);

	for (int i = 0; i < 50000; i++) {
		
		ofRandom(2) > 1 ? ofSetColor(255) : ofSetColor(128);
		ofDrawRectangle(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()), 1, 1);
	}

	this->src.end();

	ofSetColor(255);
}
	
//--------------------------------------------------------------
void ofApp::update() {

}

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

	this->dst.begin();
	ofClear(0);

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniformTexture("tex", this->src.getTexture(), 1);

	this->src.draw(0, 0);
	this->shader.end();

	this->dst.end();

	this->dst.draw(0, 0);

	std::swap(this->dst, this->src);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

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

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

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

ofSeedRandom(39);

this->src.begin();

ofClear(0);

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

ofRandom(2) > 1 ? ofSetColor(255) : ofSetColor(128);

ofDrawRectangle(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()), 1, 1);

}

this->src.end();

ofSetColor(255);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->dst.begin();

ofClear(0);

this->shader.begin();

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

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

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

this->src.draw(0, 0);

this->shader.end();

this->dst.end();

this->dst.draw(0, 0);

std::swap(this->dst, this->src);

}

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

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;
in vec2 texcoord;
out vec2 texCoordVarying;

void main(){

	texCoordVarying = texcoord;
	gl_Position = modelViewProjectionMatrix * position;
}

#version 150

uniform mat4 modelViewProjectionMatrix;

in vec4 position;

in vec2 texcoord;

out vec2 texCoordVarying;

void main(){

texCoordVarying = texcoord;

gl_Position = modelViewProjectionMatrix * position;

}

#version 150

uniform float time;
uniform vec2 resolution;
uniform sampler2DRect tex;

in vec2 texCoordVarying;
out vec4 outputColor;

void main() {

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

  float count = 0.0;
  for(float x = -1.0; x <= 1.0; x++){

    for(float y = -1.0; y <= 1.0; y++){

        float r = texture(tex, texCoordVarying + vec2(x, y)).r;
        if(r == 1.0){
          count++;
        }
    }
  }

  float my = texture(tex, texCoordVarying).r;
  float next;
  if(my == 0.0){
    if(count == 2){
      next = 1.0;
    }else{
      next = 0.0;
    }
  }else if(my == 1.0){
    next = 0.5;
  }else if(my == 0.5){
    next = 0.0;
  }

  outputColor = vec4(vec3(next, next, 0.0), 1.0);
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform sampler2DRect tex;

in vec2 texCoordVarying;

out vec4 outputColor;

void main() {

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

float count = 0.0;

for(float x = -1.0; x <= 1.0; x++){

for(float y = -1.0; y <= 1.0; y++){

float r = texture(tex, texCoordVarying + vec2(x, y)).r;

if(r == 1.0){

count++;

}

float my = texture(tex, texCoordVarying).r;

float next;

if(my == 0.0){

if(count == 2){

next = 1.0;

}else{

next = 0.0;

}

}else if(my == 1.0){

next = 0.5;

}else if(my == 0.5){

next = 0.0;

}

outputColor = vec4(vec3(next, next, 0.0), 1.0);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年9月11日2018年9月11日

Particle sine wave. openFrameworks

[ Video ]

[ About ]
パーティクルをSine関数で移動させる

Particle sine wave.

[ 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> targets;
	vector<glm::vec3> colors;

	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> targets;

vector<glm::vec3> colors;

ofShader shader;

};

#include "ofApp.h"

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

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

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

		this->targets.push_back(glm::vec2(ofRandom(ofGetWidth()), ofRandom(ofGetHeight())));
		glm::vec3  color = glm::vec3(1.0, 1.0, 1.0);
		int color_type = i % 3;
		switch (color_type) {
		case 0:
			color = glm::vec3(1.0, 0.0, 0.0);
			break;
		case 1:
			color = glm::vec3(0.0, 1.0, 0.0);
			break;
		case 2:
			color = glm::vec3(0.0, 0.0, 1.0);
			break;
		}
		this->colors.push_back(color);
	}

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

	ofSeedRandom(39);

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

		int gap = ofRandom(-80, 80);
		int speed = ofRandom(5, 10);
		int x = ((int)ofRandom(ofGetWidth()) + ofGetFrameNum() * speed) % ofGetWidth();
		int y = gap + sin(x * 0.005) * ofGetHeight() * 0.4 + ofGetHeight() * 0.5;
		this->targets[i] = glm::vec2(x, y);
	}
}

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

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

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

	this->shader.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

this->number_of_targets = 150;

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

this->targets.push_back(glm::vec2(ofRandom(ofGetWidth()), ofRandom(ofGetHeight())));

glm::vec3 color = glm::vec3(1.0, 1.0, 1.0);

int color_type = i % 3;

switch (color_type) {

case 0:

color = glm::vec3(1.0, 0.0, 0.0);

break;

case 1:

color = glm::vec3(0.0, 1.0, 0.0);

break;

case 2:

color = glm::vec3(0.0, 0.0, 1.0);

break;

}

this->colors.push_back(color);

}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

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

int gap = ofRandom(-80, 80);

int speed = ofRandom(5, 10);

int x = ((int)ofRandom(ofGetWidth()) + ofGetFrameNum() * speed) % ofGetWidth();

int y = gap + sin(x * 0.005) * ofGetHeight() * 0.4 + ofGetHeight() * 0.5;

this->targets[i] = glm::vec2(x, y);

}

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

void ofApp::draw() {

this->shader.begin();

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

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

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

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

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

this->shader.end();

}

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

int main() {

ofGLWindowSettings settings;

settings.setGLVersion(3, 2);

settings.setSize(1280, 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 = 150;

uniform float time;
uniform vec2 resolution;
uniform vec2 targets[number_of_targets];
uniform vec3 colors[number_of_targets];

out vec4 outputColor;

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 < number_of_targets; i++){

    vec2 t = vec2(targets[i].x, -targets[i].y) / min(resolution.x, resolution.y) * 2.0;
    t.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);

    float r = 0.03 / length(p - t) * colors[i].x;
    float g = 0.03 / length(p - t) * colors[i].y;
    float b = 0.03 / length(p - t) * colors[i].z;
    vec3 c = vec3(smoothstep(0.01, 1.0, r), smoothstep(0.01, 1.0, g), smoothstep(0.01, 1.0, b));
    color += c;
  }

  outputColor = vec4(color, 1.0);
}

#version 150

const int number_of_targets = 150;

uniform float time;

uniform vec2 resolution;

uniform vec2 targets[number_of_targets];

uniform vec3 colors[number_of_targets];

out vec4 outputColor;

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 < number_of_targets; i++){

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

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

float r = 0.03 / length(p - t) * colors[i].x;

float g = 0.03 / length(p - t) * colors[i].y;

float b = 0.03 / length(p - t) * colors[i].z;

vec3 c = vec3(smoothstep(0.01, 1.0, r), smoothstep(0.01, 1.0, g), smoothstep(0.01, 1.0, b));

color += c;

}

outputColor = vec4(color, 1.0);

}

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

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