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

2018年12月17日2018年12月17日

Word × Noise. openFrameworks

[ Video ]

[ About ]
文字をドットで表現 + ノイズ関数でユラユラ

Character draw using dot. And dot is moving by Noise method.

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

	ofTrueTypeFont font;
	vector<ofPoint> locations;
};

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

ofTrueTypeFont font;

vector<ofPoint> locations;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);

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

	int font_size = 150;
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", font_size, true, true, true);

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofClear(0);

	string word = "Daily";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font_size * 0.5);

	word = "Coding";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font_size * 1.5);

	fbo.end();

	ofPixels pixels;
	fbo.readToPixels(pixels);

	font_size = 10;
	for (int x = 0; x < fbo.getWidth(); x += font_size) {

		for (int y = 0; y < fbo.getHeight(); y += font_size) {

			if (pixels.getColor(x, y) != ofColor(0, 0)) {

				this->locations.push_back(ofPoint(x, y));
			}
		}
	}
}

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

	ofSeedRandom(39);
}

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

	float x_seed = ofRandom(100);
	float y_seed = ofRandom(100);
	for (int i = 0; i < this->locations.size(); i++) {

		glm::vec2 noise_point = glm::vec2(
			ofMap(ofNoise(x_seed, this->locations[i].x * 0.01, this->locations[i].y * 0.01, ofGetFrameNum() * 0.03), 0, 1, -20, 20),
			ofMap(ofNoise(y_seed, this->locations[i].x * 0.01, this->locations[i].y * 0.01, ofGetFrameNum() * 0.03), 0, 1, -20, 20));

		ofDrawCircle(this->locations[i], 1);
		ofDrawCircle(this->locations[i] + noise_point, 3);
		ofDrawLine(this->locations[i], this->locations[i] + noise_point);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

int font_size = 150;

this->font.loadFont("fonts/Kazesawa-Bold.ttf", font_size, true, true, true);

ofFbo fbo;

fbo.allocate(ofGetWidth(), ofGetHeight());

fbo.begin();

ofClear(0);

string word = "Daily";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font_size * 0.5);

word = "Coding";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font_size * 1.5);

fbo.end();

ofPixels pixels;

fbo.readToPixels(pixels);

font_size = 10;

for (int x = 0; x < fbo.getWidth(); x += font_size) {

for (int y = 0; y < fbo.getHeight(); y += font_size) {

if (pixels.getColor(x, y) != ofColor(0, 0)) {

this->locations.push_back(ofPoint(x, y));

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

float x_seed = ofRandom(100);

float y_seed = ofRandom(100);

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

glm::vec2 noise_point = glm::vec2(

ofMap(ofNoise(x_seed, this->locations[i].x * 0.01, this->locations[i].y * 0.01, ofGetFrameNum() * 0.03), 0, 1, -20, 20),

ofMap(ofNoise(y_seed, this->locations[i].x * 0.01, this->locations[i].y * 0.01, ofGetFrameNum() * 0.03), 0, 1, -20, 20));

ofDrawCircle(this->locations[i], 1);

ofDrawCircle(this->locations[i] + noise_point, 3);

ofDrawLine(this->locations[i], this->locations[i] + noise_point);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年12月16日2018年12月16日

IFS openFrameworks

[ Video ]

[ About ]
@EKey2210 さんのProcessing Advent Calendar 2018より

IFSを使ってフラクタルを書く

Referenced @Ekey2210 at Twitter

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

	void draw_three(glm::vec2 location, int number_of_loop, float scale);
};

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

void draw_three(glm::vec2 location, int number_of_loop, float scale);

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
}

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

	ofSeedRandom(39);
}

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

	for (float x = 0.25; x < 1; x += 0.25) {

		for (float y = 0.33; y < 1; y += 0.33) {

			this->draw_three(glm::vec2(ofGetWidth() * x, ofGetHeight() * y), 5000, 23);
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_three(glm::vec2 location, int number_of_loop, float scale) {

	ofPushMatrix();
	ofTranslate(location);
	
	glm::vec2 point, prev_point;
	for (int i = 0; i < number_of_loop; i++) {

		float p = ofRandom(100);
		if (p < 1) {

			point.x = 0 * prev_point.x + 0 * prev_point.y + 0;
			point.y = 0 * prev_point.x + 0.16 * prev_point.y + 0;
		}
		else if (p < 8) {

			point.x = 0.2 * prev_point.x + -0.26 * prev_point.y + 0.0;
			point.y = 0.23 * prev_point.x + 0.22 * prev_point.y + 1.6;
		}
		else if (p < 15) {

			point.x = -0.15 * prev_point.x + 0.28 * prev_point.y + 0.0;
			point.y = 0.26 * prev_point.x + 0.24 * prev_point.y + 0.44;
		}
		else {

			point.x = 0.85 * prev_point.x + 0.04 * prev_point.y + 0.0;
			point.y = -0.04 * prev_point.x + 0.85 * prev_point.y + 1.5;
		}

		ofDrawCircle(point * -scale, ofMap(ofNoise(location.x + point.x * 0.3, location.y + point.y * 0.3, ofGetFrameNum() * 0.03), 0, 1, 0.1, 2));
		prev_point = point;
	}

	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() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

for (float x = 0.25; x < 1; x += 0.25) {

for (float y = 0.33; y < 1; y += 0.33) {

this->draw_three(glm::vec2(ofGetWidth() * x, ofGetHeight() * y), 5000, 23);

}

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

void ofApp::draw_three(glm::vec2 location, int number_of_loop, float scale) {

ofPushMatrix();

ofTranslate(location);

glm::vec2 point, prev_point;

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

float p = ofRandom(100);

if (p < 1) {

point.x = 0 * prev_point.x + 0 * prev_point.y + 0;

point.y = 0 * prev_point.x + 0.16 * prev_point.y + 0;

}

else if (p < 8) {

point.x = 0.2 * prev_point.x + -0.26 * prev_point.y + 0.0;

point.y = 0.23 * prev_point.x + 0.22 * prev_point.y + 1.6;

}

else if (p < 15) {

point.x = -0.15 * prev_point.x + 0.28 * prev_point.y + 0.0;

point.y = 0.26 * prev_point.x + 0.24 * prev_point.y + 0.44;

}

else {

point.x = 0.85 * prev_point.x + 0.04 * prev_point.y + 0.0;

point.y = -0.04 * prev_point.x + 0.85 * prev_point.y + 1.5;

}

ofDrawCircle(point * -scale, ofMap(ofNoise(location.x + point.x * 0.3, location.y + point.y * 0.3, ofGetFrameNum() * 0.03), 0, 1, 0.1, 2));

prev_point = point;

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi?utf8=%E2%9C%93&tab=repositories&q=Insta20181216&type=&language=

2018年12月15日2018年12月15日

2 years. openFrameworks

[ Video ]

[ About ]
プログラミングでの落書きを毎日アップロードして2年が経過。明日から3年目がスタート！

Upload videos of creative coding every day for 2 years. The 3rd year starts from tomorrow.

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

	vector<cv::VideoCapture> caps;
	vector<cv::Mat> mats;
	vector<unique_ptr<ofImage>> images;

	cv::VideoWriter writer;

	vector<glm::vec2> locations;
	int rect_size;
};

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

vector<cv::VideoCapture> caps;

vector<cv::Mat> mats;

vector<unique_ptr<ofImage>> images;

cv::VideoWriter writer;

vector<glm::vec2> locations;

int rect_size;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofNoFill();

	this->locations.push_back(glm::vec2(110, 110));
	this->locations.push_back(glm::vec2(210, 10));
	this->locations.push_back(glm::vec2(310, 10));
	this->locations.push_back(glm::vec2(410, 10));
	this->locations.push_back(glm::vec2(510, 110));
	this->locations.push_back(glm::vec2(510, 210));
	this->locations.push_back(glm::vec2(410, 310));
	this->locations.push_back(glm::vec2(310, 410));
	this->locations.push_back(glm::vec2(210, 510));
	this->locations.push_back(glm::vec2(110, 610));
	this->locations.push_back(glm::vec2(210, 610));
	this->locations.push_back(glm::vec2(310, 610));
	this->locations.push_back(glm::vec2(410, 610));
	this->locations.push_back(glm::vec2(510, 610));

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

		cv::VideoCapture cap = cv::VideoCapture();
		cap.open("C:\\Develop\\video\\" + to_string(i) + ".mp4");

		auto image = make_unique<ofImage>();
		image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);
		cv::Mat mat = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);

		this->caps.push_back(cap);
		this->images.push_back(move(image));
		this->mats.push_back(mat);
	}
}

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

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

		cv::Mat src;
		this->caps[i] >> src;
		if (src.empty()) {

			this->caps[i].set(cv::CAP_PROP_POS_FRAMES, 1);
			continue;
		}

		cv::resize(src, this->mats[i], cv::Size(this->rect_size, this->rect_size));
		cv::cvtColor(this->mats[i], this->mats[i], cv::COLOR_BGR2RGB);
		this->images[i]->update();
	}
}

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

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

		ofSetColor(255);
		this->images[i]->draw(this->locations[i]);
		ofSetColor(0);
		ofDrawRectangle(this->locations[i], this->rect_size, this->rect_size);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofNoFill();

this->locations.push_back(glm::vec2(110, 110));

this->locations.push_back(glm::vec2(210, 10));

this->locations.push_back(glm::vec2(310, 10));

this->locations.push_back(glm::vec2(410, 10));

this->locations.push_back(glm::vec2(510, 110));

this->locations.push_back(glm::vec2(510, 210));

this->locations.push_back(glm::vec2(410, 310));

this->locations.push_back(glm::vec2(310, 410));

this->locations.push_back(glm::vec2(210, 510));

this->locations.push_back(glm::vec2(110, 610));

this->locations.push_back(glm::vec2(210, 610));

this->locations.push_back(glm::vec2(310, 610));

this->locations.push_back(glm::vec2(410, 610));

this->locations.push_back(glm::vec2(510, 610));

this->rect_size = 100;

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

cv::VideoCapture cap = cv::VideoCapture();

cap.open("C:\\Develop\\video\\" + to_string(i) + ".mp4");

auto image = make_unique<ofImage>();

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

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

this->caps.push_back(cap);

this->images.push_back(move(image));

this->mats.push_back(mat);

}

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

void ofApp::update() {

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

cv::Mat src;

this->caps[i] >> src;

if (src.empty()) {

this->caps[i].set(cv::CAP_PROP_POS_FRAMES, 1);

continue;

}

cv::resize(src, this->mats[i], cv::Size(this->rect_size, this->rect_size));

cv::cvtColor(this->mats[i], this->mats[i], cv::COLOR_BGR2RGB);

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

}

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

void ofApp::draw() {

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

ofSetColor(255);

this->images[i]->draw(this->locations[i]);

ofSetColor(0);

ofDrawRectangle(this->locations[i], this->rect_size, this->rect_size);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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