GLSL – ページ 18 – プログラミング de 落描き

2018年9月9日2018年9月8日

Light and dark circle. openFrameworks

[ Video ]

[ About ]
明るい円と暗い円。GLSL Sandboxに初投稿

Light and dark circle. Share on GLSL Sandbox.

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

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

const float PI = 3.1415926;

void main() {

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

  float b = step(gl_FragCoord.y, resolution.y * 0.5);
  vec3 color = vec3(b);

  for(float i = 0.0; i < 2.0; i += 1.0){

    vec2 t = vec2(0.75 * cos(time + i * PI), 0.75 * sin(time + i * PI));
    float v = ((b == 0.0) ? 0.075 / length(p - t) : -0.075 / length(p - t));
    color += vec3(v, v, v);
  }

  outputColor = vec4(color, 1.0);
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform sampler2DRect tex;

in vec2 texCoordVarying;

out vec4 outputColor;

const float PI = 3.1415926;

void main() {

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

float b = step(gl_FragCoord.y, resolution.y * 0.5);

vec3 color = vec3(b);

for(float i = 0.0; i < 2.0; i += 1.0){

vec2 t = vec2(0.75 * cos(time + i * PI), 0.75 * sin(time + i * PI));

float v = ((b == 0.0) ? 0.075 / length(p - t) : -0.075 / length(p - t));

color += vec3(v, v, v);

}

outputColor = vec4(color, 1.0);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年9月8日2018年9月8日

Chroma key. openFrameworks

[ Video ]

[ About ]
WebカメラとMP4から取得した画像をテキスチャとしてシェーダーへ送信、指定した色を使ってクロマキー合成

Send the texture from web camera and mp4 video to shader. shader does chroma key.

[ Source ]

#pragma once
#include "ofMain.h"
#include <opencv2/opencv.hpp>

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

	cv::Size cap_size;

	cv::VideoCapture cap1;
	cv::Mat frame1;
	ofImage image1;

	cv::VideoCapture cap2;
	cv::Mat frame2;
	ofImage image2;

	ofFbo src;
	ofFbo dst;

	ofShader shader;
};

#pragma once

#include "ofMain.h"

#include <opencv2/opencv.hpp>

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

cv::Size cap_size;

cv::VideoCapture cap1;

cv::Mat frame1;

ofImage image1;

cv::VideoCapture cap2;

cv::Mat frame2;

ofImage image2;

ofFbo src;

ofFbo dst;

ofShader shader;

};

#include "ofApp.h"

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

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

	this->cap1.open(1);
	this->cap2.open("beach.mp4");
	this->cap_size = cv::Size(1280, 720);

	this->image1.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame1 = cv::Mat(cv::Size(this->image1.getWidth(), this->image1.getHeight()), CV_MAKETYPE(CV_8UC3, this->image1.getPixels().getNumChannels()), this->image1.getPixels().getData(), 0);

	this->image2.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame2 = cv::Mat(cv::Size(this->image2.getWidth(), this->image2.getHeight()), CV_MAKETYPE(CV_8UC3, this->image2.getPixels().getNumChannels()), this->image2.getPixels().getData(), 0);

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

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

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

	cv::Mat src;

	this->cap1 >> src;
	if (src.empty()) {

		this->cap1.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(src, this->frame1, this->cap_size);
	cv::cvtColor(this->frame1, this->frame1, CV_BGR2RGB);
	cv::flip(this->frame1, this->frame1, 2);
	this->image1.update();

	this->cap2 >> src;
	if (src.empty()) {

		this->cap2.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(src, this->frame2, this->cap_size);
	cv::cvtColor(this->frame2, this->frame2, CV_BGR2RGB);
	this->image2.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.setUniform2f("mouse", ofGetMouseX(), ofGetMouseY());
	this->shader.setUniformTexture("tex1", this->image1, 1);
	this->shader.setUniformTexture("tex2", this->image2, 2);

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

	this->dst.end();

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

//--------------------------------------------------------------
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->cap1.open(1);

this->cap2.open("beach.mp4");

this->cap_size = cv::Size(1280, 720);

this->image1.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

this->frame1 = cv::Mat(cv::Size(this->image1.getWidth(), this->image1.getHeight()), CV_MAKETYPE(CV_8UC3, this->image1.getPixels().getNumChannels()), this->image1.getPixels().getData(), 0);

this->image2.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

this->frame2 = cv::Mat(cv::Size(this->image2.getWidth(), this->image2.getHeight()), CV_MAKETYPE(CV_8UC3, this->image2.getPixels().getNumChannels()), this->image2.getPixels().getData(), 0);

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

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

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

}

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

void ofApp::update() {

cv::Mat src;

this->cap1 >> src;

if (src.empty()) {

this->cap1.set(CV_CAP_PROP_POS_FRAMES, 1);

return;

}

cv::resize(src, this->frame1, this->cap_size);

cv::cvtColor(this->frame1, this->frame1, CV_BGR2RGB);

cv::flip(this->frame1, this->frame1, 2);

this->image1.update();

this->cap2 >> src;

if (src.empty()) {

this->cap2.set(CV_CAP_PROP_POS_FRAMES, 1);

return;

}

cv::resize(src, this->frame2, this->cap_size);

cv::cvtColor(this->frame2, this->frame2, CV_BGR2RGB);

this->image2.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.setUniform2f("mouse", ofGetMouseX(), ofGetMouseY());

this->shader.setUniformTexture("tex1", this->image1, 1);

this->shader.setUniformTexture("tex2", this->image2, 2);

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

this->shader.end();

this->dst.end();

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

}

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

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;
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 vec2 mouse;
uniform sampler2DRect tex1;
uniform sampler2DRect tex2;

in vec2 texCoordVarying;
out vec4 outputColor;

void main() {

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

  vec4 c1 = texture(tex1, texCoordVarying);
  vec4 c2 = texture(tex2, texCoordVarying);
  vec4 m = texture(tex1, mouse);

  float d = length(c1 - m);

  outputColor = (d > 0.25) ? c1 : c2;
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform vec2 mouse;

uniform sampler2DRect tex1;

uniform sampler2DRect tex2;

in vec2 texCoordVarying;

out vec4 outputColor;

void main() {

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

vec4 c1 = texture(tex1, texCoordVarying);

vec4 c2 = texture(tex2, texCoordVarying);

vec4 m = texture(tex1, mouse);

float d = length(c1 - m);

outputColor = (d > 0.25) ? c1 : c2;

}

[ Link ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年9月7日2018年9月6日

Dangerous drink. openFrameworks

[ Video ]

[ About ]
危険が危ない飲料フォーナイン！

99.99 is Dangerous Drink .

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

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

ofImage image;

vector<glm::vec3> y_noise;

ofShader shader;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);

	this->image.load("images/chu-hi.png");

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

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

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

		if (y % 25 == 0) { 
			
			for (int i = 0; i < 3; i++) {
				
				noise_value[i] = ofMap(ofNoise(i * 10, y * 0.05, ofGetFrameNum() * 0.03), 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->image, 1);
	this->shader.setUniform3fv("y_noise", &this->y_noise[0].x, 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(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

this->image.load("images/chu-hi.png");

for (int i = 0; i < ofGetHeight(); i++)

{

this->y_noise.push_back(glm::vec3(0.f, 0.f, 0.f));

}

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

}

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

void ofApp::update() {

glm::vec3 noise_value;

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

if (y % 25 == 0) {

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

noise_value[i] = ofMap(ofNoise(i * 10, y * 0.05, ofGetFrameNum() * 0.03), 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->image, 1);

this->shader.setUniform3fv("y_noise", &this->y_noise[0].x, 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;
uniform sampler2DRect tex;
uniform vec3 y_noise[720];

out vec4 outputColor;

void main() {

  float drift = 360.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(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 = 360.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(r, g, b, 1.0);

}

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

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