openframeworks – ページ 316 – プログラミング de 落描き

2021年1月11日2021年1月11日

Changing color ribbon art. Draw by openFrameworks

[ Video ]

[ About ]
Changing color ribbon art.

[ 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;
	ofMesh face, frame;
};

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

ofMesh face, frame;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();

	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);

	this->face.clear();
	this->frame.clear();

	frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

		auto param = glm::vec3(15, 0, 0);
		auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
		auto start_index = this->face.getNumVertices();

		ofColor color;
		for (int i = 0; i < 150; i++) {

			int index = this->face.getNumVertices();

			auto location = glm::vec3(
				ofMap(ofNoise(noise_seed.x, (i + ofGetFrameNum()) * 0.01), 0, 1, -500, 500),
				ofMap(ofNoise(noise_seed.y, (i + ofGetFrameNum()) * 0.01), 0, 1, -500, 500),
				ofMap(ofNoise(noise_seed.z, (i + ofGetFrameNum()) * 0.01), 0, 1, -500, 500));

			this->face.addVertex(location + param);
			this->face.addVertex(location - param);

			auto alpha = 255;
			color.setHsb((ofGetFrameNum() + i + k * 85) % 255, 180, 255, alpha);

			this->face.addColor(color);
			this->face.addColor(color);

			this->frame.addVertex(location + param);
			this->frame.addVertex(location - param);

			this->frame.addColor(ofColor(39, alpha));
			this->frame.addColor(ofColor(39, alpha));

			if (i > 0) {

				this->face.addIndex(index + 0); this->face.addIndex(index - 1); this->face.addIndex(index - 2);
				this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index - 1);

				this->frame.addIndex(index + 0); this->frame.addIndex(index - 2);
				this->frame.addIndex(index + 1); this->frame.addIndex(index - 1);
			}
		}

		this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);
		this->frame.addIndex(frame.getNumVertices() - 1); this->frame.addIndex(frame.getNumVertices() - 2);
	}
}

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

	auto target = this->face.getVertex(this->face.getNumVertices() - 1);
	auto camera_location = this->face.getVertex(0) + glm::vec3(0, 0, 1200);

	this->cam.setPosition(camera_location);
	this->cam.setTarget(target);
	this->cam.lookAt(target);

	this->cam.begin();

	this->face.drawFaces();

	ofSetColor(239);
	this->frame.drawWireframe();

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofEnableDepthTest();

this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

auto param = glm::vec3(15, 0, 0);

auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

auto start_index = this->face.getNumVertices();

ofColor color;

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

int index = this->face.getNumVertices();

auto location = glm::vec3(

ofMap(ofNoise(noise_seed.x, (i + ofGetFrameNum()) * 0.01), 0, 1, -500, 500),

ofMap(ofNoise(noise_seed.y, (i + ofGetFrameNum()) * 0.01), 0, 1, -500, 500),

ofMap(ofNoise(noise_seed.z, (i + ofGetFrameNum()) * 0.01), 0, 1, -500, 500));

this->face.addVertex(location + param);

this->face.addVertex(location - param);

auto alpha = 255;

color.setHsb((ofGetFrameNum() + i + k * 85) % 255, 180, 255, alpha);

this->face.addColor(color);

this->frame.addVertex(location + param);

this->frame.addVertex(location - param);

this->frame.addColor(ofColor(39, alpha));

if (i > 0) {

this->face.addIndex(index + 0); this->face.addIndex(index - 1); this->face.addIndex(index - 2);

this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index - 1);

this->frame.addIndex(index + 0); this->frame.addIndex(index - 2);

this->frame.addIndex(index + 1); this->frame.addIndex(index - 1);

}

this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);

this->frame.addIndex(frame.getNumVertices() - 1); this->frame.addIndex(frame.getNumVertices() - 2);

}

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

void ofApp::draw() {

auto target = this->face.getVertex(this->face.getNumVertices() - 1);

auto camera_location = this->face.getVertex(0) + glm::vec3(0, 0, 1200);

this->cam.setPosition(camera_location);

this->cam.setTarget(target);

this->cam.lookAt(target);

this->cam.begin();

this->face.drawFaces();

ofSetColor(239);

this->frame.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年1月10日2021年1月10日

Connection visualize. Draw by openFramewoks

[ Video ]

[ About ]
Connection visualize.

[ 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(int len, int param);

	vector<ofMesh> line_list;
	ofMesh near_line;
};

#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(int len, int param);

vector<ofMesh> line_list;

ofMesh near_line;

};

#include "ofApp.h"

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

	ofSetWindowTitle("openFrameworks");
	ofSetFrameRate(60);
	
	ofBackground(239);
	ofSetColor(39);
	ofNoFill();

	this->near_line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);
	this->line_list.clear();
	this->near_line.clear();

	int len = 500;
	
	{
		ofMesh line;
		line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
		for (int param = 0; param < 100; param += 1) {

			line.addVertex(glm::vec3(this->make_point(len, param), 0));

			if (param > 0) {

				line.addIndex(line.getNumVertices() - 1);
				line.addIndex(line.getNumVertices() - 2);
			}
		}
		this->line_list.push_back(line);
	}

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

		ofMesh line;
		line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
		auto noise_seed = ofRandom(1000);
		for (int x = -len * 0.5; x <= len * 0.5; x += 5) {

			auto y = ofMap(ofNoise(noise_seed, x * 0.0035, ofGetFrameNum() * 0.0035), 0, 1, -len * 0.5, len * 0.5);
			line.addVertex(glm::vec3(x, y, 0));

			if (x > len * -0.5) {

				line.addIndex(line.getNumVertices() - 1);
				line.addIndex(line.getNumVertices() - 2);
			}
		}

		this->line_list.push_back(line);
	}

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

		for (int k = i + 1; k < this->line_list.size(); k++) {

			for (int m = 0; m < this->line_list[i].getNumVertices(); m++) {

				bool m_flag = false;
				int m_index = m;
				for (int p = 0; p < this->line_list[k].getNumVertices(); p++) {

					if (glm::distance(this->line_list[i].getVertex(m), this->line_list[k].getVertex(p)) < 50) {

						if (m_flag == false) {

							m_index = this->near_line.getNumVertices();
							this->near_line.addVertex(this->line_list[i].getVertex(m));
							m_flag = true;
						}

						this->near_line.addVertex(this->line_list[k].getVertex(p));

						this->near_line.addIndex(m_index);
						this->near_line.addIndex(this->near_line.getNumVertices() - 1);
					}
				}
			}
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	
	this->near_line.draw();
	ofFill();
	for (auto& vertex : this->near_line.getVertices()) {

		ofDrawCircle(vertex, 3);
	}
	ofNoFill();
	ofDrawRectangle(glm::vec2(-250, -250), 500, 500);
}

//--------------------------------------------------------------
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());
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(60);

ofBackground(239);

ofSetColor(39);

ofNoFill();

this->near_line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->line_list.clear();

this->near_line.clear();

int len = 500;

{

ofMesh line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

line.addVertex(glm::vec3(this->make_point(len, param), 0));

if (param > 0) {

line.addIndex(line.getNumVertices() - 1);

line.addIndex(line.getNumVertices() - 2);

}

this->line_list.push_back(line);

}

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

ofMesh line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

auto noise_seed = ofRandom(1000);

for (int x = -len * 0.5; x <= len * 0.5; x += 5) {

auto y = ofMap(ofNoise(noise_seed, x * 0.0035, ofGetFrameNum() * 0.0035), 0, 1, -len * 0.5, len * 0.5);

line.addVertex(glm::vec3(x, y, 0));

if (x > len * -0.5) {

line.addIndex(line.getNumVertices() - 1);

line.addIndex(line.getNumVertices() - 2);

}

this->line_list.push_back(line);

}

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

for (int k = i + 1; k < this->line_list.size(); k++) {

for (int m = 0; m < this->line_list[i].getNumVertices(); m++) {

bool m_flag = false;

int m_index = m;

for (int p = 0; p < this->line_list[k].getNumVertices(); p++) {

if (glm::distance(this->line_list[i].getVertex(m), this->line_list[k].getVertex(p)) < 50) {

if (m_flag == false) {

m_index = this->near_line.getNumVertices();

this->near_line.addVertex(this->line_list[i].getVertex(m));

m_flag = true;

}

this->near_line.addVertex(this->line_list[k].getVertex(p));

this->near_line.addIndex(m_index);

this->near_line.addIndex(this->near_line.getNumVertices() - 1);

}

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

void ofApp::draw() {

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

this->near_line.draw();

ofFill();

for (auto& vertex : this->near_line.getVertices()) {

ofDrawCircle(vertex, 3);

}

ofNoFill();

ofDrawRectangle(glm::vec2(-250, -250), 500, 500);

}

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

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/Insta20210110

2021年1月9日2021年1月9日

Draw characters. Draw by openFrameworks

[ Video ]

[ About ]
アルファベットを描く。

Draw 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;
	int font_size;
	vector<char> charactor_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;

int font_size;

vector<char> charactor_list;

};

#include "ofApp.h"

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

	ofSetWindowTitle("openFrameworks");
	ofSetFrameRate(60);
	
	ofBackground(239);
	ofSetColor(39);
	ofNoFill();
	ofSetLineWidth(2);

	this->font_size = 55;
	this->font.loadFont("fonts/msgothic.ttc", this->font_size, true, true, true);

	this->charactor_list = { 'A', 'B', 'C', 'D', 'E', 'F',
								'G', 'H', 'I', 'J', 'K', 'L',
								'M', 'N', 'O', 'P', 'Q', 'R',
								'S', 'T', 'U', 'V', 'W', 'X',
								'Y', 'Z', '!' };
}

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

	ofSeedRandom(39);
}

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

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

	int sample_count = 180;
	for (int x = this->font_size * -5; x <= this->font_size * 5; x += this->font_size * 1.25)
	{
		for (int y = this->font_size * -5; y <= this->font_size * 5; y += this->font_size * 1.25) {

			ofPath path = this->font.getCharacterAsPoints(this->charactor_list[(int)ofRandom(this->charactor_list.size())], true, false);
			vector<ofPolyline> outline = path.getOutline();
			auto frame_param = (int)ofRandom(sample_count * 2) + ofGetFrameNum() * (int)ofRandom(1, 3);

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

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

					glm::vec3 vertex = glm::vec3(x - this->font_size * 0.5, y + this->font_size * 0.5, 0) + glm::vec3(vertices[vertices_index].x, vertices[vertices_index].y, vertices[vertices_index].z);

					if (frame_param % (sample_count * 2) < sample_count) {

						if (vertices_index < frame_param % sample_count) {

							ofVertex(vertex);
						}
					}
					else {

						if (vertices_index > frame_param % sample_count) {

							ofVertex(vertex);
						}
					}

					if (vertices_index == frame_param % sample_count) {

						ofFill();
						ofDrawCircle(vertex, 3);
						ofNoFill();
					}

				}
				ofEndShape();
			}
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(60);

ofBackground(239);

ofSetColor(39);

ofNoFill();

ofSetLineWidth(2);

this->font_size = 55;

this->font.loadFont("fonts/msgothic.ttc", this->font_size, true, true, true);

this->charactor_list = { 'A', 'B', 'C', 'D', 'E', 'F',

'G', 'H', 'I', 'J', 'K', 'L',

'M', 'N', 'O', 'P', 'Q', 'R',

'S', 'T', 'U', 'V', 'W', 'X',

'Y', 'Z', '!' };

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

int sample_count = 180;

for (int x = this->font_size * -5; x <= this->font_size * 5; x += this->font_size * 1.25)

{

for (int y = this->font_size * -5; y <= this->font_size * 5; y += this->font_size * 1.25) {

ofPath path = this->font.getCharacterAsPoints(this->charactor_list[(int)ofRandom(this->charactor_list.size())], true, false);

vector<ofPolyline> outline = path.getOutline();

auto frame_param = (int)ofRandom(sample_count * 2) + ofGetFrameNum() * (int)ofRandom(1, 3);

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

ofBeginShape();

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

glm::vec3 vertex = glm::vec3(x - this->font_size * 0.5, y + this->font_size * 0.5, 0) + glm::vec3(vertices[vertices_index].x, vertices[vertices_index].y, vertices[vertices_index].z);

if (frame_param % (sample_count * 2) < sample_count) {

if (vertices_index < frame_param % sample_count) {

ofVertex(vertex);

}

else {

if (vertices_index > frame_param % sample_count) {

ofVertex(vertex);

}

if (vertices_index == frame_param % sample_count) {

ofFill();

ofDrawCircle(vertex, 3);

ofNoFill();

}

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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