codevember – ページ 8 – プログラミング de 落描き

2018年11月8日2018年11月8日

Cat. openFrameworks

[ Video ]

[ About ]
Day 8 Cat.

パーリンノイズで移り変わる猫の気持ち。
ofImage配列に4種類のPNGデータを読み込ませて、パーリンノイズの値で表示する画像を決めています。

Feeling of a cat that changes with Perlin Noise.
I loaded image to ofImage array. And, determinate view image by Perlin Noise.

[ Source ]

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

	vector<ofImage> cat_images;
};

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

vector<ofImage> cat_images;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);

	for (int i = 1; i <= 4; i++) {
	
		ofImage image;
		image.loadImage("images/cat" + std::to_string(i) + ".png");
		this->cat_images.push_back(image);
	}
}

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

	
}

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

	for (int x = 5; x < ofGetWidth(); x += 144) {

		for (int y = -36; y <= ofGetHeight(); y += 144) {

			int index = ofNoise(x * 0.01, y * 0.01, ofGetFrameNum() * 0.005) * this->cat_images.size();
			this->cat_images[index].draw(x, y - this->cat_images[index].getHeight());
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

for (int i = 1; i <= 4; i++) {

ofImage image;

image.loadImage("images/cat" + std::to_string(i) + ".png");

this->cat_images.push_back(image);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

for (int x = 5; x < ofGetWidth(); x += 144) {

for (int y = -36; y <= ofGetHeight(); y += 144) {

int index = ofNoise(x * 0.01, y * 0.01, ofGetFrameNum() * 0.005) * this->cat_images.size();

this->cat_images[index].draw(x, y - this->cat_images[index].getHeight());

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年11月7日2018年11月7日

Sea. openFrameworks

[ Video ]

[ About ]
Day 7 Sea.

OpenCVで使って動画をグレースケール化(6階調) & エッジ検出させて両方の絵を重ねて表示。

I use OpenCV to grayscale and detect edge. And, I overlay tow images.

[ Source ]

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

	cv::Mat gray;
	ofImage gray_image;

	cv::Mat edge;
	ofImage edge_image;
};

#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::VideoCapture cap;

cv::Size cap_size;

cv::Mat gray;

ofImage gray_image;

cv::Mat edge;

ofImage edge_image;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

	this->gray_image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_GRAYSCALE);
	this->gray = cv::Mat(this->gray_image.getHeight(), this->gray_image.getWidth(), CV_MAKETYPE(CV_8U, this->gray_image.getPixels().getNumChannels()), this->gray_image.getPixels().getData(), 0);

	this->edge_image.allocate(this->cap_size.width, this->cap_size.height,OF_IMAGE_GRAYSCALE);
	this->edge = cv::Mat(this->edge_image.getHeight(), this->edge_image.getWidth(), CV_MAKETYPE(CV_8U, this->edge_image.getPixels().getNumChannels()), this->edge_image.getPixels().getData(), 0);
}

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

	cv::Mat cap_frame, resize_frame;
	this->cap >> cap_frame;
	if (cap_frame.empty()) {

		cap.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(cap_frame, resize_frame, this->cap_size);

	cv::cvtColor(resize_frame, this->gray, CV_RGB2GRAY);
	this->gray.forEach<uchar>([](uchar &value, const int* position) -> void {

		value = floor(value / 50) * 50;
	});

	cv::Canny(this->gray, this->edge, 10, 200);

	this->gray_image.update();
	this->edge_image.update();
}

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

    this->gray_image.draw(0, 0);
	this->edge_image.draw(0, 0);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

ofSetFrameRate(this->cap.get(CV_CAP_PROP_FPS));

this->gray_image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_GRAYSCALE);

this->gray = cv::Mat(this->gray_image.getHeight(), this->gray_image.getWidth(), CV_MAKETYPE(CV_8U, this->gray_image.getPixels().getNumChannels()), this->gray_image.getPixels().getData(), 0);

this->edge_image.allocate(this->cap_size.width, this->cap_size.height,OF_IMAGE_GRAYSCALE);

this->edge = cv::Mat(this->edge_image.getHeight(), this->edge_image.getWidth(), CV_MAKETYPE(CV_8U, this->edge_image.getPixels().getNumChannels()), this->edge_image.getPixels().getData(), 0);

}

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

void ofApp::update() {

cv::Mat cap_frame, resize_frame;

this->cap >> cap_frame;

if (cap_frame.empty()) {

cap.set(CV_CAP_PROP_POS_FRAMES, 1);

return;

}

cv::resize(cap_frame, resize_frame, this->cap_size);

cv::cvtColor(resize_frame, this->gray, CV_RGB2GRAY);

this->gray.forEach<uchar>([](uchar &value, const int* position) -> void {

value = floor(value / 50) * 50;

});

cv::Canny(this->gray, this->edge, 10, 200);

this->gray_image.update();

this->edge_image.update();

}

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

void ofApp::draw() {

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

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

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年11月6日2018年11月6日

Web. openFrameworks

[ Video ]

[ About ]
Day 6 Web.

[ Source ]

#pragma once
#include "ofMain.h"
#include "Web.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) {};

	vector<Web> webs;
};

#pragma once

#include "ofMain.h"

#include "Web.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) {};

vector<Web> webs;

};

#include "ofApp.h"

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

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

	ofBackground(39);
	ofNoFill();

	for (int i = 0; i < 8; i++) { this->webs.push_back(Web()); }
}
//--------------------------------------------------------------
void ofApp::update() {

	for (Web& web : this->webs) { web.update(); }
}

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

	for (Web& web : this->webs) { web.draw(); }
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofNoFill();

for (int i = 0; i < 8; i++) { this->webs.push_back(Web()); }

}

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

void ofApp::update() {

for (Web& web : this->webs) { web.update(); }

}

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

void ofApp::draw() {

for (Web& web : this->webs) { web.draw(); }

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Web {

public:

	Web();
	~Web();
	void update();
	void draw();

private:

	ofPoint location;
	int radius_max;
	int radius_start;
	float progress;
	int life;
	vector<float> line_param;
};

#pragma once

#include "ofMain.h"

class Web {

public:

Web();

~Web();

void update();

void draw();

private:

ofPoint location;

int radius_max;

int radius_start;

float progress;

int life;

vector<float> line_param;

};

#include "Web.h"

//--------------------------------------------------------------
Web::Web() {

	this->location = ofPoint(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()));
	this->radius_start = 10;
	this->radius_max = floor(ofRandom(5, 10)) * 10;
	this->progress = ofRandom(1);
	this->life = 60;

	for (int deg = 0; deg < 360; deg += 30) {

		this->line_param.push_back(ofRandom(1, 2));
	}
}

//--------------------------------------------------------------
Web::~Web() {

}

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

	if (this->progress > 1) {

		if (this->life-- < 0) {

			this->location = ofPoint(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()));
			this->radius_start = 10;
			this->radius_max = floor(ofRandom(5, 10)) * 10;
			this->progress = 0;
			this->life = 60;
		}
	}
	else {

		this->progress += 0.01;
	}
}

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

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

	ofSetColor(239, ofMap(this->life, 60, 0, 255, 0));

	int radius;
	for (radius = this->radius_start; radius < this->radius_max * this->progress; radius += 10) {

		ofBeginShape();
		for (int deg = 0; deg < 360; deg += 30) {

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

	int i = 0;
	for (int deg = 0; deg < 360; deg += 30) {

		ofDrawLine(ofPoint(), ofPoint(this->radius_max * this->line_param[i] * cos(deg * DEG_TO_RAD), this->radius_max * this->line_param[i] * sin(deg * DEG_TO_RAD)));
		i++;
	}

	ofPopMatrix();
}

#include "Web.h"

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

Web::Web() {

this->location = ofPoint(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()));

this->radius_start = 10;

this->radius_max = floor(ofRandom(5, 10)) * 10;

this->progress = ofRandom(1);

this->life = 60;

for (int deg = 0; deg < 360; deg += 30) {

this->line_param.push_back(ofRandom(1, 2));

}

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

Web::~Web() {

}

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

void Web::update() {

if (this->progress > 1) {

if (this->life-- < 0) {

this->location = ofPoint(ofRandom(ofGetWidth()), ofRandom(ofGetHeight()));

this->radius_start = 10;

this->radius_max = floor(ofRandom(5, 10)) * 10;

this->progress = 0;

this->life = 60;

}

else {

this->progress += 0.01;

}

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

void Web::draw() {

ofPushMatrix();

ofTranslate(this->location);

ofSetColor(239, ofMap(this->life, 60, 0, 255, 0));

int radius;

for (radius = this->radius_start; radius < this->radius_max * this->progress; radius += 10) {

ofBeginShape();

for (int deg = 0; deg < 360; deg += 30) {

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

}

ofEndShape(true);

}

int i = 0;

for (int deg = 0; deg < 360; deg += 30) {

ofDrawLine(ofPoint(), ofPoint(this->radius_max * this->line_param[i] * cos(deg * DEG_TO_RAD), this->radius_max * this->line_param[i] * sin(deg * DEG_TO_RAD)));

i++;

}

ofPopMatrix();

}

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

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