2020年12月 – ページ 3 – プログラミング de 落描き

2020年12月25日2020年12月25日

Noise line from character. Draw by openFrameworks

[ Video ]

[ About ]
ノイズ出づる文字。

Noise line from character.

[ 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;
	string word;
	vector<glm::vec3> font_location_list;

	vector<ofColor> base_color_list;

	vector<vector<glm::vec2>> log_list;
	vector<ofColor> color_list;
	vector<float> life_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) {};

ofTrueTypeFont font;

string word;

vector<glm::vec3> font_location_list;

vector<ofColor> base_color_list;

vector<vector<glm::vec2>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofNoFill();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

	ofColor color;
	vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 500, true, true, true);
	this->word = "A";
	int sample_count = 300;
	vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
	for (int word_index = 0; word_index < word_path.size(); word_index++) {

		vector<ofPolyline> outline = word_path[word_index].getOutline();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);
			vector<glm::vec3> vertices = outline[outline_index].getVertices();
			this->font_location_list.insert(this->font_location_list.end(), vertices.begin(), vertices.end());
		}
	}
}

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

	int radius = 3;
	while (this->log_list.size() < 1000) {

		int font_location_index = ofRandom(this->font_location_list.size());
		vector<glm::vec2> log;
		log.push_back(this->font_location_list[font_location_index]);
		this->log_list.push_back(log);
		this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		this->life_list.push_back(ofRandom(30, 60));
	}

	for (int i = this->log_list.size() - 1; i >= 0; i--) {

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

			this->log_list.erase(this->log_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);

			continue;
		}

		auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.005, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
		while (this->log_list[i].size() > 100) {

			this->log_list[i].erase(this->log_list[i].begin());
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5 - this->font.stringWidth(this->word) * 0.5, ofGetHeight() * 0.5 + this->font.stringHeight(this->word) * 0.5);

	ofSetColor(39);
	this->font.drawStringAsShapes(this->word, 0, 0);

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

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 30) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));
		}

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}
}

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

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

100

101

102

103

104

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofNoFill();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

ofColor color;

vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

this->word = "A";

int sample_count = 300;

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);

vector<glm::vec3> vertices = outline[outline_index].getVertices();

this->font_location_list.insert(this->font_location_list.end(), vertices.begin(), vertices.end());

}

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

void ofApp::update() {

int radius = 3;

while (this->log_list.size() < 1000) {

int font_location_index = ofRandom(this->font_location_list.size());

vector<glm::vec2> log;

log.push_back(this->font_location_list[font_location_index]);

this->log_list.push_back(log);

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

this->life_list.push_back(ofRandom(30, 60));

}

for (int i = this->log_list.size() - 1; i >= 0; i--) {

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

this->log_list.erase(this->log_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

this->life_list.erase(this->life_list.begin() + i);

continue;

}

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.005, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

while (this->log_list[i].size() > 100) {

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() * 0.5 - this->font.stringWidth(this->word) * 0.5, ofGetHeight() * 0.5 + this->font.stringHeight(this->word) * 0.5);

ofSetColor(39);

this->font.drawStringAsShapes(this->word, 0, 0);

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 30) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));

}

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年12月24日2020年12月24日

Noise walk born from noise walk. Draw by openFrameworks

[ Video ]

[ About ]
ノイズウォークから生まれるノイズウォーク。

Noise walk born from noise walk.

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

	vector<ofColor> base_color_list;

	vector<glm::vec2> noise_seed_list;
	vector<vector<glm::vec2>> log_list;
	vector<ofColor> color_list;
	vector<float> life_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) {};

vector<ofColor> base_color_list;

vector<glm::vec2> noise_seed_list;

vector<vector<glm::vec2>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofNoFill();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

		this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));
	}

	ofColor color;
	vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}
}

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

	int radius = 5;

	while (this->log_list.size() < 500) {

		for (auto noise_seed : this->noise_seed_list) {

			vector<glm::vec2> log;
			log.push_back(glm::vec2(ofMap(ofNoise(noise_seed.x, ofGetFrameNum() * 0.003), 0, 1, 0, ofGetWidth()), ofMap(ofNoise(noise_seed.y, ofGetFrameNum() * 0.003), 0, 1, 0, ofGetHeight())));
			this->log_list.push_back(log);
			this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
			this->life_list.push_back(ofRandom(120, 300));
		}
	}

	for (int i = this->log_list.size() - 1; i >= 0; i--) {

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

			this->log_list.erase(this->log_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);

			continue;
		}

		auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.003, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
		while (this->log_list[i].size() > 100) {

			this->log_list[i].erase(this->log_list[i].begin());
		}
	}
}

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

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

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 90) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 90, 0, 1.5));
		}

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofNoFill();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

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

this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));

}

ofColor color;

vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

int radius = 5;

while (this->log_list.size() < 500) {

for (auto noise_seed : this->noise_seed_list) {

vector<glm::vec2> log;

log.push_back(glm::vec2(ofMap(ofNoise(noise_seed.x, ofGetFrameNum() * 0.003), 0, 1, 0, ofGetWidth()), ofMap(ofNoise(noise_seed.y, ofGetFrameNum() * 0.003), 0, 1, 0, ofGetHeight())));

this->log_list.push_back(log);

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

this->life_list.push_back(ofRandom(120, 300));

}

for (int i = this->log_list.size() - 1; i >= 0; i--) {

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

this->log_list.erase(this->log_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

this->life_list.erase(this->life_list.begin() + i);

continue;

}

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.003, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

while (this->log_list[i].size() > 100) {

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 90) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 90, 0, 1.5));

}

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年12月23日2020年12月23日

Heart rate. Draw by openFrameworks

[ Video ]

[ About ]
Heart rate.

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

	glm::vec2 make_point(float theta);

	vector<ofColor> base_color_list;
	float theta_seed, scale_seed;
	vector<pair<float, float>> param_list;
	vector<vector<glm::vec2>> log_list;
	vector<ofColor> color_list;
	vector<float> life_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) {};

glm::vec2 make_point(float theta);

vector<ofColor> base_color_list;

float theta_seed, scale_seed;

vector<pair<float, float>> param_list;

vector<vector<glm::vec2>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

};

#include "ofApp.h"	

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

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

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

	this->theta_seed = ofRandom(1000);
	this->scale_seed = ofRandom(1000);

	ofColor color;
	vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}
}

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

	while (this->param_list.size() < 100) {

		auto deg_pair = make_pair(ofRandom(360), ofRandom(3, 20));
		this->param_list.push_back(deg_pair);
		vector<glm::vec2> log;
		this->log_list.push_back(log);
		this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		this->life_list.push_back(ofRandom(60, 180));
	}

	for (int i = this->param_list.size() - 1; i >= 0; i--) {

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

			this->param_list.erase(this->param_list.begin() + i);
			this->log_list.erase(this->log_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);

			continue;
		}

		auto noise_location = this->make_point(this->param_list[i].first);
		auto u_param = ofMap(ofNoise(glm::vec4(noise_location * 0.003, this->param_list[i].second * 0.03, this->theta_seed + ofGetFrameNum() * 0.003)), 0, 1, -0.5, 0.5);
		auto v_param = ofMap(ofNoise(glm::vec4(noise_location * 0.003, this->param_list[i].second * 0.03, this->scale_seed + ofGetFrameNum() * 0.008)), 0, 1, 3, 20);

		this->param_list[i].first += u_param;
		this->param_list[i].second = v_param;

		this->log_list[i].push_back(this->make_point(this->param_list[i].first) * this->param_list[i].second);
		while (this->log_list[i].size() > 100) {

			this->log_list[i].erase(this->log_list[i].begin());
		}
	}
}

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

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

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

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 60) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 60, 0, 1.5));
		}

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}
}

//--------------------------------------------------------------
// Reference by https://twitter.com/shiffman/status/1095764239665512453
glm::vec2 ofApp::make_point(float theta) {

	float x = 16 * (pow(sin(theta), 3));
	float y = 13 * cos(theta) - 5 * cos(2 * theta) - 2 * cos(3 * theta) - cos(4 * theta);
	return glm::vec2(x, -y);
}

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

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

100

101

102

103

104

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofNoFill();

this->theta_seed = ofRandom(1000);

this->scale_seed = ofRandom(1000);

ofColor color;

vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

void ofApp::update() {

while (this->param_list.size() < 100) {

auto deg_pair = make_pair(ofRandom(360), ofRandom(3, 20));

this->param_list.push_back(deg_pair);

vector<glm::vec2> log;

this->log_list.push_back(log);

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

this->life_list.push_back(ofRandom(60, 180));

}

for (int i = this->param_list.size() - 1; i >= 0; i--) {

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

this->param_list.erase(this->param_list.begin() + i);

this->log_list.erase(this->log_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

this->life_list.erase(this->life_list.begin() + i);

continue;

}

auto noise_location = this->make_point(this->param_list[i].first);

auto u_param = ofMap(ofNoise(glm::vec4(noise_location * 0.003, this->param_list[i].second * 0.03, this->theta_seed + ofGetFrameNum() * 0.003)), 0, 1, -0.5, 0.5);

auto v_param = ofMap(ofNoise(glm::vec4(noise_location * 0.003, this->param_list[i].second * 0.03, this->scale_seed + ofGetFrameNum() * 0.008)), 0, 1, 3, 20);

this->param_list[i].first += u_param;

this->param_list[i].second = v_param;

this->log_list[i].push_back(this->make_point(this->param_list[i].first) * this->param_list[i].second);

while (this->log_list[i].size() > 100) {

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

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

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 60) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 60, 0, 1.5));

}

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

// Reference by https://twitter.com/shiffman/status/1095764239665512453

glm::vec2 ofApp::make_point(float theta) {

float x = 16 * (pow(sin(theta), 3));

float y = 13 * cos(theta) - 5 * cos(2 * theta) - 2 * cos(3 * theta) - cos(4 * theta);

return glm::vec2(x, -y);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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