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

2018年11月14日2018年11月14日

Coffee. openFrameworks

[ Video ]

[ About ]
Day 14 Coffee

コーヒーの表面がパーリンノイズでユラユラしてます。誰が何と言おうがコレはコーヒーです。

Coffee surface of the water swaying with Perlin Noise.

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

	void draw_coffee(ofPoint point);
};

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

void draw_coffee(ofPoint point);

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
}
//--------------------------------------------------------------
void ofApp::update() {

}

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

	for (int x = 60; x < ofGetWidth(); x += 120) {

		for (int y = 60; y < ofGetHeight(); y += 120) {

			this->draw_coffee(ofPoint(x, y));
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_coffee(ofPoint point) {

	ofPushMatrix();
	ofTranslate(point);

	int radius = 50;

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

		ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
	}

	for (float x = -radius; x < radius; x += 1) {

		int y = ofMap(ofNoise((point.x + x) * 0.01 + ofGetFrameNum() * 0.03, point.y * 0.008), 0, 1, 0, -30);
		ofVertex(x, y);
	}
	ofEndShape(true);

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

for (int x = 60; x < ofGetWidth(); x += 120) {

for (int y = 60; y < ofGetHeight(); y += 120) {

this->draw_coffee(ofPoint(x, y));

}

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

void ofApp::draw_coffee(ofPoint point) {

ofPushMatrix();

ofTranslate(point);

int radius = 50;

ofBeginShape();

for (int deg = 0; deg <= 180; deg += 1) {

ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

}

for (float x = -radius; x < radius; x += 1) {

int y = ofMap(ofNoise((point.x + x) * 0.01 + ofGetFrameNum() * 0.03, point.y * 0.008), 0, 1, 0, -30);

ofVertex(x, y);

}

ofEndShape(true);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年11月13日2018年11月13日

Black Hole. openFrameworks

[ Video ]

[ About ]
Day 13 Black Hole

openFrameworksで座標計算、GLSLで光球描写のパターン

openFframeworks is computing coordinate, GLSL is drawing light sphere.

[ 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_location;
	vector<ofPoint> locations;
	vector<float> velocity;

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

int number_of_location;

vector<ofPoint> locations;

vector<float> velocity;

ofFbo src;

ofFbo dst;

ofShader shader;

};

#include "ofApp.h"

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

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

	ofBackground(0);

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

		ofPoint point = ofPoint(ofRandom(-ofGetWidth(), ofGetWidth()), ofRandom(-ofGetHeight(), ofGetHeight()));
		
		this->locations.push_back(point);
		this->velocity.push_back(1.f);
	}

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

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

		float len = this->locations[i].length();
		if (len < 100) {

			ofPoint point;
			while (point.length() < 100) {

				point = ofPoint(ofRandom(-ofGetWidth(), ofGetWidth()), ofRandom(-ofGetHeight(), ofGetHeight()));
			}
		
			this->locations[i] = point;
			this->velocity[i] = 1.f;
		}
		else {

			this->locations[i] = this->locations[i].normalized() * (len * this->velocity[i]);
			this->velocity[i] *= 0.999f;
		}
	}
}

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

	vector<glm::vec2> targets;
	for (int i = 0; i < this->number_of_location; i++) {

		glm::vec2 target = glm::vec2(this->locations[i].x + ofGetWidth() * 0.5, this->locations[i].y + ofGetHeight() * 0.5);
		targets.push_back(target);
	}

	this->dst.begin();

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniform2fv("targets", &targets[0].x, this->number_of_location);
	this->shader.setUniformTexture("fbo", this->src.getTexture(), 1);

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

	this->shader.end();
	this->dst.end();

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

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

this->number_of_location = 200;

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

ofPoint point = ofPoint(ofRandom(-ofGetWidth(), ofGetWidth()), ofRandom(-ofGetHeight(), ofGetHeight()));

this->locations.push_back(point);

this->velocity.push_back(1.f);

}

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

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

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

}

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

void ofApp::update() {

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

float len = this->locations[i].length();

if (len < 100) {

ofPoint point;

while (point.length() < 100) {

point = ofPoint(ofRandom(-ofGetWidth(), ofGetWidth()), ofRandom(-ofGetHeight(), ofGetHeight()));

}

this->locations[i] = point;

this->velocity[i] = 1.f;

}

else {

this->locations[i] = this->locations[i].normalized() * (len * this->velocity[i]);

this->velocity[i] *= 0.999f;

}

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

void ofApp::draw() {

vector<glm::vec2> targets;

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

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

targets.push_back(target);

}

this->dst.begin();

this->shader.begin();

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

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

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

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

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

this->shader.end();

this->dst.end();

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

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

}

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

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

uniform float time;
uniform vec2 resolution;
uniform vec2 targets[number_of_targets];
uniform sampler2DRect fbo;

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 v = 0.005 / length(p - t);
    vec3 c = vec3(smoothstep(0.01, 1.0, v));
    color += c;
  }

  vec4 fbo_value = texture(fbo, vec2(gl_FragCoord.x, gl_FragCoord.y));
  outputColor = vec4(color, 1.0) + fbo_value * 0.85;
}

#version 150

const int number_of_targets = 200;

uniform float time;

uniform vec2 resolution;

uniform vec2 targets[number_of_targets];

uniform sampler2DRect fbo;

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 v = 0.005 / length(p - t);

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

color += c;

}

vec4 fbo_value = texture(fbo, vec2(gl_FragCoord.x, gl_FragCoord.y));

outputColor = vec4(color, 1.0) + fbo_value * 0.85;

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年11月12日

Bread. openFrameworks

[ Video ]

[ About ]
Day 12 Bread

動画から異なるフレームの画像を組み合わせて一枚の絵に。

Combine images of different frames from a video to a picture.

[ 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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	cv::VideoCapture cap;
	cv::Size cap_size;
	int number_of_frames;
	vector<cv::Mat> frames;

	float rect_size;
	vector<cv::Mat> rect_frames;
	vector<ofImage*> rect_images;
	vector<cv::Rect> cv_rects;
};

#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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

cv::VideoCapture cap;

cv::Size cap_size;

int number_of_frames;

vector<cv::Mat> frames;

float rect_size;

vector<cv::Mat> rect_frames;

vector<ofImage*> rect_images;

vector<cv::Rect> cv_rects;

};

#include "ofApp.h"

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

	ofBackground(239);
	ofSetWindowTitle("Insta");
	ofSetFrameRate(30);

	this->cap.open("D:\\video\\bread.mp4");
	this->cap_size = cv::Size(1280, 720);

	this->rect_size = 40;
	for (int x = 0; x < this->cap_size.width; x += this->rect_size) {

		for (int y = 0; y < this->cap_size.height; y += this->rect_size) {

			ofImage* image = new ofImage();
			image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);
			this->rect_images.push_back(image);

			cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);
			this->rect_frames.push_back(frame);

			cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);
			this->cv_rects.push_back(rect);
		}
	}

	cap.set(CV_CAP_PROP_POS_FRAMES, 600);
	this->number_of_frames = 600;
	for (int i = 0; i < this->number_of_frames; i++) {

		cv::Mat src, frame;
		this->cap >> src;
		if (src.empty()) {

			return;
		}

		cv::resize(src, frame, this->cap_size);
		cv::cvtColor(frame, frame, CV_BGR2RGB);

		this->frames.push_back(frame);
	}
}

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

	for (int i = 0; i < this->rect_images.size(); i++) {

		int frames_index = ofMap(ofNoise(this->cv_rects[i].x * 0.0005, this->cv_rects[i].y * 0.0005, ofGetFrameNum() * 0.008), 0, 1, 0, this->number_of_frames);
		cv::Mat tmp_box_image(this->frames[frames_index], this->cv_rects[i]);
		tmp_box_image.copyTo(this->rect_frames[i]);

		this->rect_images[i]->update();
	}
}

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

	for (int i = 0; i < this->rect_images.size(); i++) {

		this->rect_images[i]->draw(this->cv_rects[i].x, this->cv_rects[i].y);
	}
}

//========================================================================
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofBackground(239);

ofSetWindowTitle("Insta");

ofSetFrameRate(30);

this->cap.open("D:\\video\\bread.mp4");

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

this->rect_size = 40;

for (int x = 0; x < this->cap_size.width; x += this->rect_size) {

for (int y = 0; y < this->cap_size.height; y += this->rect_size) {

ofImage* image = new ofImage();

image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);

this->rect_images.push_back(image);

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

this->rect_frames.push_back(frame);

cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

this->cv_rects.push_back(rect);

}

cap.set(CV_CAP_PROP_POS_FRAMES, 600);

this->number_of_frames = 600;

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

cv::Mat src, frame;

this->cap >> src;

if (src.empty()) {

return;

}

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

cv::cvtColor(frame, frame, CV_BGR2RGB);

this->frames.push_back(frame);

}

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

void ofApp::update() {

for (int i = 0; i < this->rect_images.size(); i++) {

int frames_index = ofMap(ofNoise(this->cv_rects[i].x * 0.0005, this->cv_rects[i].y * 0.0005, ofGetFrameNum() * 0.008), 0, 1, 0, this->number_of_frames);

cv::Mat tmp_box_image(this->frames[frames_index], this->cv_rects[i]);

tmp_box_image.copyTo(this->rect_frames[i]);

this->rect_images[i]->update();

}

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

void ofApp::draw() {

for (int i = 0; i < this->rect_images.size(); i++) {

this->rect_images[i]->draw(this->cv_rects[i].x, this->cv_rects[i].y);

}

//========================================================================

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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