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

2019年10月5日

Distorted characters. openFrameworks

[ Video ]

[ About ]
歪み文字。

Distorted characters.

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

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

};

#include "ofApp.h"

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

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

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

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

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

}

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


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

	string word = "THANKS";
	auto path_list = font.getStringAsPoints(word, true, false);
	for (auto path : path_list) {

		auto outline = path.getOutline();

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

			if (outline_index != 0) { ofNextContour(true); }

			outline[outline_index] = outline[outline_index].getResampledByCount(300);
			auto vertices = outline[outline_index].getVertices();
			for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

				auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);

				auto angle_z = ofMap(ofNoise(glm::length(location) * 0.005 + ofGetFrameNum() * 0.005), 0, 1, -PI, PI);
				auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));
				location = glm::vec4(location, 0) * rotation_z;

				ofVertex(location);
			}
		}
		ofEndShape(true);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(3);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

string word = "THANKS";

auto path_list = font.getStringAsPoints(word, true, false);

for (auto path : path_list) {

auto outline = path.getOutline();

ofBeginShape();

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

if (outline_index != 0) { ofNextContour(true); }

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

auto vertices = outline[outline_index].getVertices();

for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);

auto angle_z = ofMap(ofNoise(glm::length(location) * 0.005 + ofGetFrameNum() * 0.005), 0, 1, -PI, PI);

auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

location = glm::vec4(location, 0) * rotation_z;

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年10月4日2019年10月4日

Tile ring. Draw by openFrameworks

[ Video ]

[ About ]
ky0ju さんのタイルリングを参考に、繋ぎ直すタイルリング。

Tile ring.

互いに接続して見えるタイリング【Processing】
https://note.mu/ky0ju/n/n73f379f42933

[ 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_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color);

	vector<ofColor> color_list;

	vector<glm::vec2> location_list;
	vector<int> color_index_list;
	vector<int> rotate_param_list;
	vector<int> deg_start_list;
	vector<int> deg_end_list;
	vector<bool> flag_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) {};

void draw_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color);

vector<ofColor> color_list;

vector<glm::vec2> location_list;

vector<int> color_index_list;

vector<int> rotate_param_list;

vector<int> deg_start_list;

vector<int> deg_end_list;

vector<bool> flag_list;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetLineWidth(2);

	ofColor color;
	vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };
	for (auto hex : hex_list) {

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

	int size = 60;
	for (int x = size * 0.5; x <= ofGetWidth() - size * 0.5; x += size) {

		for (int y = size * 0.5; y <= ofGetHeight() - size * 0.5; y += size) {

			this->location_list.push_back(glm::vec2(x, y));

			int color_index = ofRandom(this->color_list.size());
			this->color_index_list.push_back(color_index);

			int rotate_param = ofRandom(4);
			this->rotate_param_list.push_back(rotate_param);

			this->deg_start_list.push_back(0);
			this->deg_end_list.push_back(90);
			this->flag_list.push_back(false);
		}
	}
}

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

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

		if (ofGetFrameNum() % 45 == 0) {

			if (ofRandom(100) < 10) { this->flag_list[i] = true; }
		}

		if (this->flag_list[i]) {

			if (this->deg_end_list[i] < 90) {

				this->deg_end_list[i] += 2;
			}
			else {

				this->deg_start_list[i] += 2;
				if (this->deg_start_list[i] >= 90) {

					this->deg_end_list[i] = 0;
					this->deg_start_list[i] = 0;
					this->color_index_list[i] = ofRandom(this->color_list.size());
					this->rotate_param_list[i] = (this->rotate_param_list[i] + 1) % this->rotate_param_list.size();
				}
			}

			if (this->deg_start_list[i] == 0 && this->deg_end_list[i] == 90) { this->flag_list[i] = false; }
		}
	}
}

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

	int size = 60;
	int radius = size * 0.5;
	int width = 5;
	for (int i = 0; i < this->location_list.size(); i++) {

		ofPushMatrix();
		ofTranslate(this->location_list[i].x, this->location_list[i].y);
		ofRotate(90 * this->rotate_param_list[i]);

		vector<glm::vec2> vertices_1, vertices_2;
		for (int deg = this->deg_start_list[i]; deg <= this->deg_end_list[i]; deg++) {

			vertices_1.push_back(glm::vec2(size * -0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));
			vertices_2.push_back(glm::vec2(size * -0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));
		}

		this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

		vertices_1.clear();
		vertices_2.clear();
		for (int deg = 180 + this->deg_start_list[i]; deg <= 180 + this->deg_end_list[i]; deg++) {

			vertices_1.push_back(glm::vec2(size * 0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));
			vertices_2.push_back(glm::vec2(size * 0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));
		}

		this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

		ofPopMatrix();
	}
}

//--------------------------------------------------------------
void ofApp::draw_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color) {

	ofFill();
	ofSetColor(color);

	std::reverse(vertices_2.begin(), vertices_2.end());

	ofBeginShape();
	ofVertices(vertices_1);
	ofVertices(vertices_2);
	ofEndShape(true);

	ofNoFill();
	ofSetColor(239);

	ofBeginShape();
	ofVertices(vertices_1);
	ofEndShape(false);

	ofBeginShape();
	ofVertices(vertices_2);
	ofEndShape(false);
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(2);

ofColor color;

vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };

for (auto hex : hex_list) {

color.setHex(hex);

this->color_list.push_back(color);

}

int size = 60;

for (int x = size * 0.5; x <= ofGetWidth() - size * 0.5; x += size) {

for (int y = size * 0.5; y <= ofGetHeight() - size * 0.5; y += size) {

this->location_list.push_back(glm::vec2(x, y));

int color_index = ofRandom(this->color_list.size());

this->color_index_list.push_back(color_index);

int rotate_param = ofRandom(4);

this->rotate_param_list.push_back(rotate_param);

this->deg_start_list.push_back(0);

this->deg_end_list.push_back(90);

this->flag_list.push_back(false);

}

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

void ofApp::update() {

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

if (ofGetFrameNum() % 45 == 0) {

if (ofRandom(100) < 10) { this->flag_list[i] = true; }

}

if (this->flag_list[i]) {

if (this->deg_end_list[i] < 90) {

this->deg_end_list[i] += 2;

}

else {

this->deg_start_list[i] += 2;

if (this->deg_start_list[i] >= 90) {

this->deg_end_list[i] = 0;

this->deg_start_list[i] = 0;

this->color_index_list[i] = ofRandom(this->color_list.size());

this->rotate_param_list[i] = (this->rotate_param_list[i] + 1) % this->rotate_param_list.size();

}

if (this->deg_start_list[i] == 0 && this->deg_end_list[i] == 90) { this->flag_list[i] = false; }

}

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

void ofApp::draw() {

int size = 60;

int radius = size * 0.5;

int width = 5;

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

ofPushMatrix();

ofTranslate(this->location_list[i].x, this->location_list[i].y);

ofRotate(90 * this->rotate_param_list[i]);

vector<glm::vec2> vertices_1, vertices_2;

for (int deg = this->deg_start_list[i]; deg <= this->deg_end_list[i]; deg++) {

vertices_1.push_back(glm::vec2(size * -0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2(size * -0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * -0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));

}

this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

vertices_1.clear();

vertices_2.clear();

for (int deg = 180 + this->deg_start_list[i]; deg <= 180 + this->deg_end_list[i]; deg++) {

vertices_1.push_back(glm::vec2(size * 0.5 + (radius + width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius + width) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2(size * 0.5 + (radius - width) * cos(deg * DEG_TO_RAD), size * 0.5 + (radius - width) * sin(deg * DEG_TO_RAD)));

}

this->draw_arc(vertices_1, vertices_2, this->color_list[this->color_index_list[i]]);

ofPopMatrix();

}

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

void ofApp::draw_arc(vector<glm::vec2> vertices_1, vector<glm::vec2> vertices_2, ofColor color) {

ofFill();

ofSetColor(color);

std::reverse(vertices_2.begin(), vertices_2.end());

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

ofNoFill();

ofSetColor(239);

ofBeginShape();

ofVertices(vertices_1);

ofEndShape(false);

ofBeginShape();

ofVertices(vertices_2);

ofEndShape(false);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年10月3日2019年10月3日

Butterfly. openFrameworks

[ Video ]

[ About ]
クリエイティブ・コーディング・ちょうちょ。

Butterfly.

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

	glm::vec2 make_point(int len, int param);
};

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

glm::vec2 make_point(int len, int param);

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetColor(39);
	ofNoFill();
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

}

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

	this->cam.begin();
	ofRotate(45);

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

		for (int len = 50; len < 250; len += 25) {

			vector<glm::vec3> vertices;
			for (int param = 0; param < 100; param++) {

				auto location = glm::vec3(this->make_point(len, param), 0) + glm::vec3(len * 0.5, len * -0.5, 0);
				auto distance = glm::length(location);

				auto angle_y = ofMap(sin(distance * 0.008 + ofGetFrameNum() * 0.02), -1, 1, -PI * 0.2, PI * 0.2);
				auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(1, 1, 0));
				location = glm::vec4(location, 0) * rotation_y;

				vertices.push_back(location);
			}

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

		ofRotate(180);
	}

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofNoFill();

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotate(45);

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

for (int len = 50; len < 250; len += 25) {

vector<glm::vec3> vertices;

for (int param = 0; param < 100; param++) {

auto location = glm::vec3(this->make_point(len, param), 0) + glm::vec3(len * 0.5, len * -0.5, 0);

auto distance = glm::length(location);

auto angle_y = ofMap(sin(distance * 0.008 + ofGetFrameNum() * 0.02), -1, 1, -PI * 0.2, PI * 0.2);

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

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

vertices.push_back(location);

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

ofRotate(180);

}

this->cam.end();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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