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

2018年11月9日2018年11月9日

Green ( Matrix ). openFrameworks

[ Video ]

[ About ]
Day 9 Green.

Greenからマトリックスのタイトルが思い浮かんだので。前にカタカナが使われていると教えて貰ったので半角カナ対応版

Inspired by Matrix title. Half KATAKANA correspondence version.

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

	ofTrueTypeFont font;
	int font_size;

	string moji;
	vector<string> words;
	vector<vector<string>> matrix;
	vector<int> random_values;
};

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

ofTrueTypeFont font;

int font_size;

string moji;

vector<string> words;

vector<vector<string>> matrix;

vector<int> random_values;

};

#include "ofApp.h"

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

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

	ofBackground(0);

	this->font_size = 20;
	ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);
	font_settings.antialiased = true;
	font_settings.addRanges(ofAlphabet::Japanese);
	this->font.load(font_settings);

	this->words = {

		u8"!", u8"#", u8"$", u8"%", u8"&",
		u8"'", u8"(", u8")", u8"*", u8"+",
		u8",", u8"-", u8".", u8"/", u8"0",
		u8"1", u8"2", u8"3", u8"4", u8"5",
		u8"6", u8"7", u8"8", u8"9", u8"0",
		u8":", u8";", u8"<", u8"=", u8">",
		u8"?", u8"@",
		
		u8"A", u8"B", u8"C", u8"D", u8"E",
		u8"F", u8"G", u8"H", u8"I", u8"J",
		u8"K", u8"L", u8"M", u8"N", u8"O",
		u8"P", u8"Q", u8"R", u8"S", u8"T",
		u8"U", u8"V", u8"W", u8"X", u8"Y", u8"Z",

		u8"a", u8"b", u8"c", u8"d", u8"e",
		u8"f", u8"g", u8"h", u8"i", u8"j",
		u8"k", u8"l", u8"m", u8"n", u8"o",
		u8"p", u8"q", u8"r", u8"s", u8"t",
		u8"u", u8"v", u8"w", u8"x", u8"y", u8"z",

		u8"ｱ", u8"ｲ", u8"ｳ", u8"ｴ", u8"ｵ",
		u8"ｶ", u8"ｷ", u8"ｸ", u8"ｹ", u8"ｺ",
		u8"ｻ", u8"ｼ", u8"ｽ", u8"ｾ", u8"ｿ",
		u8"ﾀ", u8"ﾁ", u8"ﾂ", u8"ﾃ", u8"ﾄ",
		u8"ﾅ", u8"ﾆ", u8"ﾇ", u8"ﾈ", u8"ﾉ",
		u8"ﾊ", u8"ﾋ", u8"ﾌ", u8"ﾍ", u8"ﾎ",
		u8"ﾏ", u8"ﾐ", u8"ﾑ", u8"ﾒ", u8"ﾓ",
		u8"ﾔ", u8"ﾕ", u8"ﾖ",
		u8"ﾗ", u8"ﾘ", u8"ﾙ", u8"ﾚ", u8"ﾛ",
		u8"ﾜ", u8"ｦ", u8"ﾝ",
	};

	for (int x = 0; x < ofGetWidth(); x += this->font_size) {

		vector<string> line;
		for (int y = 0; y <= ofGetHeight(); y += this->font_size) {

			line.push_back(this->words[(int)(ofRandom(this->words.size()))]);
		}

		this->matrix.push_back(line);
		this->random_values.push_back(ofRandom(ofGetHeight() * 1.5));
	}

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

}

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

	for (int row = 0; row < this->matrix.size(); row++) {

		int x = row * this->font_size;

		bool top = true;
		int random_value = this->random_values[row];
		for (int col = 0; col < this->matrix[row].size(); col++) {

			int y = col * this->font_size;

			int alpha = (random_value + ofGetFrameNum() * 4 + y) % (int)(ofGetHeight() * 1.5);
			if (alpha <= 255) {

				if (top) {

					this->matrix[row][col] = this->words[(int)(ofRandom(this->words.size()))];
					top = false;
				}

				int rb = ofMap(alpha, 0, 50, 239, 0);
				ofSetColor(rb, 239, rb, 255 - alpha);
				this->font.drawString(this->matrix[row][col], x, ofGetHeight() - y);
			}
		}
	}


}

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

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

100

101

102

103

104

105

106

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

this->font_size = 20;

ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);

font_settings.antialiased = true;

font_settings.addRanges(ofAlphabet::Japanese);

this->font.load(font_settings);

this->words = {

u8"!", u8"#", u8"$", u8"%", u8"&",

u8"'", u8"(", u8")", u8"*", u8"+",

u8",", u8"-", u8".", u8"/", u8"0",

u8"1", u8"2", u8"3", u8"4", u8"5",

u8"6", u8"7", u8"8", u8"9", u8"0",

u8":", u8";", u8"<", u8"=", u8">",

u8"?", u8"@",

u8"A", u8"B", u8"C", u8"D", u8"E",

u8"F", u8"G", u8"H", u8"I", u8"J",

u8"K", u8"L", u8"M", u8"N", u8"O",

u8"P", u8"Q", u8"R", u8"S", u8"T",

u8"U", u8"V", u8"W", u8"X", u8"Y", u8"Z",

u8"a", u8"b", u8"c", u8"d", u8"e",

u8"f", u8"g", u8"h", u8"i", u8"j",

u8"k", u8"l", u8"m", u8"n", u8"o",

u8"p", u8"q", u8"r", u8"s", u8"t",

u8"u", u8"v", u8"w", u8"x", u8"y", u8"z",

u8"ｱ", u8"ｲ", u8"ｳ", u8"ｴ", u8"ｵ",

u8"ｶ", u8"ｷ", u8"ｸ", u8"ｹ", u8"ｺ",

u8"ｻ", u8"ｼ", u8"ｽ", u8"ｾ", u8"ｿ",

u8"ﾀ", u8"ﾁ", u8"ﾂ", u8"ﾃ", u8"ﾄ",

u8"ﾅ", u8"ﾆ", u8"ﾇ", u8"ﾈ", u8"ﾉ",

u8"ﾊ", u8"ﾋ", u8"ﾌ", u8"ﾍ", u8"ﾎ",

u8"ﾏ", u8"ﾐ", u8"ﾑ", u8"ﾒ", u8"ﾓ",

u8"ﾔ", u8"ﾕ", u8"ﾖ",

u8"ﾗ", u8"ﾘ", u8"ﾙ", u8"ﾚ", u8"ﾛ",

u8"ﾜ", u8"ｦ", u8"ﾝ",

};

for (int x = 0; x < ofGetWidth(); x += this->font_size) {

vector<string> line;

for (int y = 0; y <= ofGetHeight(); y += this->font_size) {

line.push_back(this->words[(int)(ofRandom(this->words.size()))]);

}

this->matrix.push_back(line);

this->random_values.push_back(ofRandom(ofGetHeight() * 1.5));

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

for (int row = 0; row < this->matrix.size(); row++) {

int x = row * this->font_size;

bool top = true;

int random_value = this->random_values[row];

for (int col = 0; col < this->matrix[row].size(); col++) {

int y = col * this->font_size;

int alpha = (random_value + ofGetFrameNum() * 4 + y) % (int)(ofGetHeight() * 1.5);

if (alpha <= 255) {

if (top) {

this->matrix[row][col] = this->words[(int)(ofRandom(this->words.size()))];

top = false;

}

int rb = ofMap(alpha, 0, 50, 239, 0);

ofSetColor(rb, 239, rb, 255 - alpha);

this->font.drawString(this->matrix[row][col], x, ofGetHeight() - y);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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 ]

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