2019年11月 – ページ 5 – プログラミング de 落描き

2019年11月18日2019年11月18日

Octagon spiral. openFrameworks

[ Video ]

[ About ]
昨日のProcessing勉強会で話題になったサンプルの応用例。辺ごとにgapの値を変えれば歪みました。

Octagon spiral.

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

	int gon;
	vector<float> gap_list;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

int gon;

vector<float> gap_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetColor(255);
	ofNoFill();

	this->gon = 8;
	for (auto i = 0; i < this->gon; i++) {

		this->gap_list.push_back(0);
	}
}

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

	ofSeedRandom(39);
	for (auto& gap : this->gap_list) {

		gap = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.002), 0, 1, 0.01, 0.3);
	}
}

//--------------------------------------------------------------
void ofApp::draw() {
	
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

	auto radius = 350;
	int deg_span = 360 / this->gon;
	vector<glm::vec2> vertices;
	auto first = true;
	while(true) {

		if(first){

			for (auto deg = 0; deg < 360; deg += deg_span) {

				vertices.push_back(glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
			}

			first = false;
		}
		else {

			vector<glm::vec2> tmp;
			for (auto k = 0; k < vertices.size(); k++) {

				tmp.push_back(vertices[k] + (vertices[(k + 1) % vertices.size()] - vertices[k]) * this->gap_list[k]);
			}
			vertices = tmp;
		}

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

		if (glm::distance(vertices[0], vertices[1]) < 1) {
			
			break;
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetColor(255);

ofNoFill();

this->gon = 8;

for (auto i = 0; i < this->gon; i++) {

this->gap_list.push_back(0);

}

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

void ofApp::update() {

ofSeedRandom(39);

for (auto& gap : this->gap_list) {

gap = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.002), 0, 1, 0.01, 0.3);

}

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

void ofApp::draw() {

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

auto radius = 350;

int deg_span = 360 / this->gon;

vector<glm::vec2> vertices;

auto first = true;

while(true) {

if(first){

for (auto deg = 0; deg < 360; deg += deg_span) {

vertices.push_back(glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

}

first = false;

}

else {

vector<glm::vec2> tmp;

for (auto k = 0; k < vertices.size(); k++) {

tmp.push_back(vertices[k] + (vertices[(k + 1) % vertices.size()] - vertices[k]) * this->gap_list[k]);

}

vertices = tmp;

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

if (glm::distance(vertices[0], vertices[1]) < 1) {

break;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年11月17日

Rotating web camera image. openFrameworks

[ Video ]

[ About ]
WebCameraの映像をリアルタイムでぐねんぐねん。

Rotating web camera image.

[ 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::Mat frame;

	ofEasyCam cam;
	ofMesh mesh;
};

#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::Mat frame;

ofEasyCam cam;

ofMesh mesh;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofEnableDepthTest();

	this->cap.open(0);
	this->cap.set(cv::CAP_PROP_FPS, 30);
	this->cap.set(cv::CAP_PROP_FRAME_WIDTH, 640);
	this->cap.set(cv::CAP_PROP_FRAME_HEIGHT, 360);
}

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

	this->cap >> this->frame;
	cv::flip(this->frame, this->frame, -1);
	cv::cvtColor(this->frame, this->frame, cv::COLOR_BGR2RGB);

	this->mesh.clear();

	int span = 1;
	for (int x = 0; x < this->frame.cols; x += span) {

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

			glm::vec3 vertex = glm::vec3(x, y, 0) - glm::vec3(320, 180, 0);
			auto angle = ofMap(ofNoise(vertex.y * 0.005 + ofGetFrameNum() * 0.05), 0, 1, -PI, PI);
			auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(1, 0, 0));
			vertex = glm::vec4(vertex, 0) * rotation;

			cv::Vec3b tmp = this->frame.at<cv::Vec3b>(y, x);
			auto color = ofColor(tmp[0], tmp[1], tmp[2]);

			this->mesh.addVertex(vertex);
			this->mesh.addColor(color);
		}
	}

	int cols = this->frame.rows / span;
	int rows = this->frame.cols / span;

	for (int col = 1; col < cols; col++) {

		for (int row = 1; row < rows; row++) {

			this->mesh.addIndex(col + row * cols);
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex((col - 1) + row * cols);

			this->mesh.addIndex(col + row * cols);
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex(col + (row - 1) * cols);
		}
	}
}

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

	this->cam.begin();

	this->mesh.draw();

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

ofSetColor(39);

ofEnableDepthTest();

this->cap.open(0);

this->cap.set(cv::CAP_PROP_FPS, 30);

this->cap.set(cv::CAP_PROP_FRAME_WIDTH, 640);

this->cap.set(cv::CAP_PROP_FRAME_HEIGHT, 360);

}

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

void ofApp::update() {

this->cap >> this->frame;

cv::flip(this->frame, this->frame, -1);

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

this->mesh.clear();

int span = 1;

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

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

glm::vec3 vertex = glm::vec3(x, y, 0) - glm::vec3(320, 180, 0);

auto angle = ofMap(ofNoise(vertex.y * 0.005 + ofGetFrameNum() * 0.05), 0, 1, -PI, PI);

auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(1, 0, 0));

vertex = glm::vec4(vertex, 0) * rotation;

cv::Vec3b tmp = this->frame.at<cv::Vec3b>(y, x);

auto color = ofColor(tmp[0], tmp[1], tmp[2]);

this->mesh.addVertex(vertex);

this->mesh.addColor(color);

}

int cols = this->frame.rows / span;

int rows = this->frame.cols / span;

for (int col = 1; col < cols; col++) {

for (int row = 1; row < rows; row++) {

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex((col - 1) + row * cols);

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex(col + (row - 1) * cols);

}

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

void ofApp::draw() {

this->cam.begin();

this->mesh.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年11月16日

Twisting image. openFrameworks

[ Video ]

[ About ]
ofMeshで画像をねじる。

Twisting image.

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

	ofEasyCam cam;
	ofMesh mesh, draw_mesh;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

ofMesh mesh, draw_mesh;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();

	ofPixels pixels;
	ofLoadImage(pixels, "D:\\lena.png");
	int span = 2;
	for (int x = 0; x < pixels.getWidth(); x += span) {

		for (int y = 0; y < pixels.getHeight(); y += span) {

			auto vertex = glm::vec2(x, pixels.getHeight() - y) - glm::vec2(pixels.getWidth() * 0.5, pixels.getHeight() * 0.5);
			auto color = pixels.getColor(x, y);

			this->mesh.addVertex(glm::vec3(vertex, 0));
			this->mesh.addColor(color);
		}
	}

	int cols = pixels.getWidth() / span;
	int rows = pixels.getHeight() / span;

	for (int col = 1; col < cols; col++) {

		for (int row = 1; row < rows; row++) {

			this->mesh.addIndex(col + row * cols); 
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex((col - 1) + row * cols);

			this->mesh.addIndex(col + row * cols);
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex(col + (row - 1) * cols);
		}
	}
}

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

	this->draw_mesh = this->mesh;

	for (auto& vertex : this->draw_mesh.getVertices()) {

		auto angle_y = ofMap(ofNoise(vertex.y * 0.005 + ofGetFrameNum() * 0.01), 0, 1, -PI * 2, PI * 2);
		auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

		vertex = glm::vec4(vertex, 0) * rotation_y;
	}
}

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

	this->cam.begin();

	this->draw_mesh.draw();

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

ofEnableDepthTest();

ofPixels pixels;

ofLoadImage(pixels, "D:\\lena.png");

int span = 2;

for (int x = 0; x < pixels.getWidth(); x += span) {

for (int y = 0; y < pixels.getHeight(); y += span) {

auto vertex = glm::vec2(x, pixels.getHeight() - y) - glm::vec2(pixels.getWidth() * 0.5, pixels.getHeight() * 0.5);

auto color = pixels.getColor(x, y);

this->mesh.addVertex(glm::vec3(vertex, 0));

this->mesh.addColor(color);

}

int cols = pixels.getWidth() / span;

int rows = pixels.getHeight() / span;

for (int col = 1; col < cols; col++) {

for (int row = 1; row < rows; row++) {

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex((col - 1) + row * cols);

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex(col + (row - 1) * cols);

}

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

void ofApp::update() {

this->draw_mesh = this->mesh;

for (auto& vertex : this->draw_mesh.getVertices()) {

auto angle_y = ofMap(ofNoise(vertex.y * 0.005 + ofGetFrameNum() * 0.01), 0, 1, -PI * 2, PI * 2);

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

vertex = glm::vec4(vertex, 0) * rotation_y;

}

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

void ofApp::draw() {

this->cam.begin();

this->draw_mesh.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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