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

2019年5月26日

Bend rectangle. openFrameworks

[ Video ]

[ About ]
パタパタする四角形

Bend rectangle.

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

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

ofEasyCam cam;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(3);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

	auto len = 100.f;
	auto base = glm::vec3();
	vector<glm::vec3> rectangle;
	rectangle.push_back(glm::vec3(0, -len * 0.5, 0));
	rectangle.push_back(glm::vec3(len, -len * 0.5, 0));
	rectangle.push_back(glm::vec3(len, len * 0.5, 0));
	rectangle.push_back(glm::vec3(0, len * 0.5, 0));

	for (auto y = -len * 3; y <= len * 3; y += len) {

		base = glm::vec3(0, y, 0);
		for (int i = 0; i < 6; i++) {

			float noise_seed_y = ofRandom(1000);
			vector<glm::vec3> locations;
			for (auto rect : rectangle) {

				auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_y, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25), glm::vec3(0, 1, 0));
				locations.push_back(base + glm::vec4(rect, 0) * rotation_y);
			}

			ofFill();
			ofSetColor(239);
			ofBeginShape();
			ofVertices(locations);
			ofEndShape(true);

			ofNoFill();
			ofSetColor(39);
			ofBeginShape();
			ofVertices(locations);
			ofEndShape(true);

			base = glm::vec3(locations[1].x, base.y, locations[1].z);
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(3);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

auto len = 100.f;

auto base = glm::vec3();

vector<glm::vec3> rectangle;

rectangle.push_back(glm::vec3(0, -len * 0.5, 0));

rectangle.push_back(glm::vec3(len, -len * 0.5, 0));

rectangle.push_back(glm::vec3(len, len * 0.5, 0));

rectangle.push_back(glm::vec3(0, len * 0.5, 0));

for (auto y = -len * 3; y <= len * 3; y += len) {

base = glm::vec3(0, y, 0);

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

float noise_seed_y = ofRandom(1000);

vector<glm::vec3> locations;

for (auto rect : rectangle) {

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_y, ofGetFrameNum() * 0.005), 0, 1, -PI * 0.25, PI * 0.25), glm::vec3(0, 1, 0));

locations.push_back(base + glm::vec4(rect, 0) * rotation_y);

}

ofFill();

ofSetColor(239);

ofBeginShape();

ofVertices(locations);

ofEndShape(true);

ofNoFill();

ofSetColor(39);

ofBeginShape();

ofVertices(locations);

ofEndShape(true);

base = glm::vec3(locations[1].x, base.y, locations[1].z);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年5月25日

Rotate square. openFrameworks

[ Video ]

[ About ]
四角形の帯を回転

Rotate square.

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

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(3);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	auto rect_width = 30;
	auto rect_length = 180;
	for (int x = rect_length * 0.5; x < ofGetWidth(); x += rect_length) {

		for (int y = rect_length * 0.5; y < ofGetHeight(); y += rect_length) {

			auto noise_seed_y = ofRandom(1000);
			auto noise_seed_x = ofRandom(1000);
			for (int len = rect_width; len < rect_length; len += rect_width) {

				ofPushMatrix();
				ofTranslate(x, y);
				ofRotateY(ofMap(ofNoise(noise_seed_y, len * 0.003 + ofGetFrameNum() * 0.003), 0, 1, -180, 180));
				ofRotateX(ofMap(ofNoise(noise_seed_x, len * 0.003 + ofGetFrameNum() * 0.003), 0, 1, -180, 180));

				vector<glm::vec2> vertices, inner_vertices;

				auto tmp_len = len - 5;
				vertices.push_back(glm::vec2(-tmp_len * 0.5, -tmp_len * 0.5));
				vertices.push_back(glm::vec2(tmp_len * 0.5, -tmp_len * 0.5));
				vertices.push_back(glm::vec2(tmp_len * 0.5, tmp_len * 0.5));
				vertices.push_back(glm::vec2(-tmp_len * 0.5, tmp_len * 0.5));

				auto inner_len = len - rect_width;
				inner_vertices.push_back(glm::vec2(-inner_len * 0.5, -inner_len * 0.5));
				inner_vertices.push_back(glm::vec2(inner_len * 0.5, -inner_len * 0.5));
				inner_vertices.push_back(glm::vec2(inner_len * 0.5, inner_len * 0.5));
				inner_vertices.push_back(glm::vec2(-inner_len * 0.5, inner_len * 0.5));

				ofFill();
				ofSetColor(239);
				ofBeginShape();
				ofVertices(vertices);
				ofNextContour(true);
				ofVertices(inner_vertices);
				ofEndShape(true);

				ofNoFill();
				ofSetColor(39);
				ofBeginShape();
				ofVertices(vertices);
				ofNextContour(true);
				ofVertices(inner_vertices);
				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);

ofSetLineWidth(3);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

auto rect_width = 30;

auto rect_length = 180;

for (int x = rect_length * 0.5; x < ofGetWidth(); x += rect_length) {

for (int y = rect_length * 0.5; y < ofGetHeight(); y += rect_length) {

auto noise_seed_y = ofRandom(1000);

auto noise_seed_x = ofRandom(1000);

for (int len = rect_width; len < rect_length; len += rect_width) {

ofPushMatrix();

ofTranslate(x, y);

ofRotateY(ofMap(ofNoise(noise_seed_y, len * 0.003 + ofGetFrameNum() * 0.003), 0, 1, -180, 180));

ofRotateX(ofMap(ofNoise(noise_seed_x, len * 0.003 + ofGetFrameNum() * 0.003), 0, 1, -180, 180));

vector<glm::vec2> vertices, inner_vertices;

auto tmp_len = len - 5;

vertices.push_back(glm::vec2(-tmp_len * 0.5, -tmp_len * 0.5));

vertices.push_back(glm::vec2(tmp_len * 0.5, -tmp_len * 0.5));

vertices.push_back(glm::vec2(tmp_len * 0.5, tmp_len * 0.5));

vertices.push_back(glm::vec2(-tmp_len * 0.5, tmp_len * 0.5));

auto inner_len = len - rect_width;

inner_vertices.push_back(glm::vec2(-inner_len * 0.5, -inner_len * 0.5));

inner_vertices.push_back(glm::vec2(inner_len * 0.5, -inner_len * 0.5));

inner_vertices.push_back(glm::vec2(inner_len * 0.5, inner_len * 0.5));

inner_vertices.push_back(glm::vec2(-inner_len * 0.5, inner_len * 0.5));

ofFill();

ofSetColor(239);

ofBeginShape();

ofVertices(vertices);

ofNextContour(true);

ofVertices(inner_vertices);

ofEndShape(true);

ofNoFill();

ofSetColor(39);

ofBeginShape();

ofVertices(vertices);

ofNextContour(true);

ofVertices(inner_vertices);

ofEndShape(true);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年5月24日2019年5月24日

Paint mask. openFrameworks

[ Video ]

[ About ]
ペンキのしぶきっぽい絵を描いて、動画をマスク

Paint mask.

[ 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::Size cap_size;
	cv::VideoCapture cap;
	cv::Mat frame;
	ofImage image;

	ofFbo fbo;
	ofShader shader;

	glm::vec2 location;
	float percent;
	float noise_seed;
	float noise_scale;
	ofColor color;
};

#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::Size cap_size;

cv::VideoCapture cap;

cv::Mat frame;

ofImage image;

ofFbo fbo;

ofShader shader;

glm::vec2 location;

float percent;

float noise_seed;

float noise_scale;

ofColor color;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);

	this->cap_size = cv::Size(1280, 720);
	this->cap.open("D:\\video\\image2.mp4");
	this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame = cv::Mat(cv::Size(this->image.getWidth(), this->image.getHeight()), CV_MAKETYPE(CV_8UC3, this->image.getPixels().getNumChannels()), this->image.getPixels().getData(), 0);

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	this->shader.load("shader/shader.vert", "shader/shader.frag");

	this->location = glm::vec2(ofRandom(ofGetWidth() * 0.2, ofGetWidth() * 0.8), ofRandom(ofGetHeight() * 0.2, ofGetHeight() * 0.8));
	this->percent = 0.0;
	this->noise_seed = ofRandom(10000);
	this->noise_scale = ofRandom(3, 8);
	this->color.setHsb(ofRandom(255), 255, 255);
}

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

	// Read mp4 file.
	cv::Mat src;
	this->cap >> src;
	if (src.empty()) {

		this->cap.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(src, this->frame, this->cap_size);
	cv::cvtColor(this->frame, this->frame, CV_BGR2RGB);
	this->image.update();

	// Draw image.
	if (this->percent < 1.0) {

		this->percent += 0.30;
	}
	else {

		this->location = glm::vec2(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()));
		this->percent = 0.f;
		this->noise_seed = ofRandom(10000);
		this->noise_scale = ofRandom(3, 8);
		this->color.setHsb(ofRandom(255), 255, 255);
	}

	this->fbo.begin();
	float base_radius = 80;

	ofPushMatrix();
	ofTranslate(this->location);

	vector<glm::vec2> vertices;
	for (int i = 0; i < 3600; i++) {

		float deg = i * 0.1;
		auto noise_point = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));
		auto noise_value = ofNoise(this->noise_seed, noise_point.x * this->noise_scale, noise_point.y * this->noise_scale);
		float grow_radius = base_radius + pow((1 + noise_value), 7) * this->percent;

		auto point = glm::vec2(grow_radius * cos(deg * DEG_TO_RAD), grow_radius * sin(deg * DEG_TO_RAD));
		vertices.push_back(point);
	}

	ofSetColor(this->color);

	ofBeginShape();
	ofVertices(vertices);
	ofEndShape();

	ofPopMatrix();

	this->fbo.end();
}

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniformTexture("tex1", this->image, 1);
	this->shader.setUniformTexture("tex2", this->fbo.getTexture(), 2);

	ofFill();
	ofSetColor(255);
	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());
}

100

101

102

103

104

105

106

107

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

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

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

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

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

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

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

this->location = glm::vec2(ofRandom(ofGetWidth() * 0.2, ofGetWidth() * 0.8), ofRandom(ofGetHeight() * 0.2, ofGetHeight() * 0.8));

this->percent = 0.0;

this->noise_seed = ofRandom(10000);

this->noise_scale = ofRandom(3, 8);

this->color.setHsb(ofRandom(255), 255, 255);

}

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

void ofApp::update() {

// Read mp4 file.

cv::Mat src;

this->cap >> src;

if (src.empty()) {

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

return;

}

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

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

this->image.update();

// Draw image.

if (this->percent < 1.0) {

this->percent += 0.30;

}

else {

this->location = glm::vec2(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()));

this->percent = 0.f;

this->noise_seed = ofRandom(10000);

this->noise_scale = ofRandom(3, 8);

this->color.setHsb(ofRandom(255), 255, 255);

}

this->fbo.begin();

float base_radius = 80;

ofPushMatrix();

ofTranslate(this->location);

vector<glm::vec2> vertices;

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

float deg = i * 0.1;

auto noise_point = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));

auto noise_value = ofNoise(this->noise_seed, noise_point.x * this->noise_scale, noise_point.y * this->noise_scale);

float grow_radius = base_radius + pow((1 + noise_value), 7) * this->percent;

auto point = glm::vec2(grow_radius * cos(deg * DEG_TO_RAD), grow_radius * sin(deg * DEG_TO_RAD));

vertices.push_back(point);

}

ofSetColor(this->color);

ofBeginShape();

ofVertices(vertices);

ofEndShape();

ofPopMatrix();

this->fbo.end();

}

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

void ofApp::draw() {

this->shader.begin();

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

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

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

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

ofFill();

ofSetColor(255);

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

uniform float time;
uniform vec2 resolution;
uniform sampler2DRect tex1;
uniform sampler2DRect tex2;

in vec2 texCoordVarying;
out vec4 outputColor;

void main() {

  vec4 t1 = texture(tex1, vec2(gl_FragCoord.x, resolution.y - gl_FragCoord.y));
  vec4 t2 = texture(tex2, vec2(gl_FragCoord.x, resolution.y - gl_FragCoord.y));
 
  outputColor = t1 * t2;
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform sampler2DRect tex1;

uniform sampler2DRect tex2;

in vec2 texCoordVarying;

out vec4 outputColor;

void main() {

vec4 t1 = texture(tex1, vec2(gl_FragCoord.x, resolution.y - gl_FragCoord.y));

vec4 t2 = texture(tex2, vec2(gl_FragCoord.x, resolution.y - gl_FragCoord.y));

outputColor = t1 * t2;

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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