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

2023年1月19日

Afterimage. Draw by openFrameworks

[ Video ]

[ About ]
残像だ。

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

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

ofEasyCam cam;

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(0);
	ofSetLineWidth(1.5);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);

	string word = "01234567890123456789";
	int sample_count = 180;

	vector<ofColor> color_list = { ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255), };

	for (int x = -200; x <= 200; x += 100) {

		for (int y = -200; y <= 200; y += 100) {

			auto noise_seed = ofRandom(1000);
			for (int i = 0; i < color_list.size() * 2; i++) {

				int word_index = ofMap(ofNoise(noise_seed, i * 0.01 + ofGetFrameNum() * 0.004), 0, 1, 0, word.size());
				ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false);
				vector<ofPolyline> outline = chara_path.getOutline();

				ofFill();
				ofSetColor(ofColor(color_list[i % color_list.size()], 64));
				ofBeginShape();
				for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

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

					auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
					for (auto& vertex : vertices) {

						auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);
						location = location + glm::vec3(x, y, 0);
						ofVertex(location);
					}
				}
				ofEndShape();

				ofNoFill();
				ofSetColor(ofColor(color_list[i % color_list.size()]));
				ofBeginShape();
				for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

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

					auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
					for (auto& vertex : vertices) {

						auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);
						location = location + glm::vec3(x, y, 0);
						ofVertex(location);
					}
				}
				ofEndShape();
			}
		}
	}


	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(1.5);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

this->font_size = 80;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

string word = "01234567890123456789";

int sample_count = 180;

vector<ofColor> color_list = { ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255), };

for (int x = -200; x <= 200; x += 100) {

for (int y = -200; y <= 200; y += 100) {

auto noise_seed = ofRandom(1000);

for (int i = 0; i < color_list.size() * 2; i++) {

int word_index = ofMap(ofNoise(noise_seed, i * 0.01 + ofGetFrameNum() * 0.004), 0, 1, 0, word.size());

ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false);

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

ofFill();

ofSetColor(ofColor(color_list[i % color_list.size()], 64));

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);

location = location + glm::vec3(x, y, 0);

ofVertex(location);

}

ofEndShape();

ofNoFill();

ofSetColor(ofColor(color_list[i % color_list.size()]));

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 0);

location = location + glm::vec3(x, y, 0);

ofVertex(location);

}

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2023年1月18日

Top / Bottom. Draw by openFrameworks

[ Video ]

[ About ]
上と下。

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

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

ofEasyCam cam;

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetColor(255);
	ofSetLineWidth(1.5);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);
	ofRotateY(ofGetFrameNum() * 0.66666666666);

	string word = "ABCDEFGHEJKLMNOPQRSTUVWXYZ!";
	int sample_count = 180;
	auto noise_param = ofRandom(1000);

	for (int i = 0; i < word.size(); i++) {

		ofPath chara_path = this->font.getCharacterAsPoints(word[i], true, false);
		vector<ofPolyline> outline = chara_path.getOutline();

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

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

			auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
			for (auto& vertex : vertices) {

				auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 320);
				auto rotation_y = glm::rotate(glm::mat4(), (i * 13.5f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
				location = glm::vec4(location, 0) * rotation_y;

				auto noise_value = ofNoise(location.x * 0.005, ofGetFrameNum() * 0.005);
				auto param_y = 0;
				if (noise_value < 0.5) {
					
					param_y = -150;
					if (noise_value > 0.4) {

						param_y = ofMap(noise_value, 0.4, 0.5, -150, 0);
					}
				}
				else
				{
					param_y = 150;
					if (noise_value < 0.6) {
					
						param_y = ofMap(noise_value, 0.5, 0.6, 0, 150);
					}
				}

				location = location + glm::vec3(0, param_y, 0);
				ofVertex(location);
			}
		}
		ofEndShape();

		ofNoFill();

		for (int y = -150; y <= 150; y += 300) {
			
			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

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

				auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
				for (auto& vertex : vertices) {

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 320);
					auto rotation_y = glm::rotate(glm::mat4(), (i * 13.5f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
					location = glm::vec4(location + glm::vec3(0, y, 0), 0) * rotation_y;

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

	this->cam.end();
}

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

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

100

101

102

103

104

105

106

107

108

109

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetColor(255);

ofSetLineWidth(1.5);

ofEnableDepthTest();

this->font_size = 80;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(ofGetFrameNum() * 0.66666666666);

string word = "ABCDEFGHEJKLMNOPQRSTUVWXYZ!";

int sample_count = 180;

auto noise_param = ofRandom(1000);

for (int i = 0; i < word.size(); i++) {

ofPath chara_path = this->font.getCharacterAsPoints(word[i], true, false);

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

ofFill();

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 320);

auto rotation_y = glm::rotate(glm::mat4(), (i * 13.5f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

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

auto noise_value = ofNoise(location.x * 0.005, ofGetFrameNum() * 0.005);

auto param_y = 0;

if (noise_value < 0.5) {

param_y = -150;

if (noise_value > 0.4) {

param_y = ofMap(noise_value, 0.4, 0.5, -150, 0);

}

else

{

param_y = 150;

if (noise_value < 0.6) {

param_y = ofMap(noise_value, 0.5, 0.6, 0, 150);

}

location = location + glm::vec3(0, param_y, 0);

ofVertex(location);

}

ofEndShape();

ofNoFill();

for (int y = -150; y <= 150; y += 300) {

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 320);

auto rotation_y = glm::rotate(glm::mat4(), (i * 13.5f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

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

ofVertex(location);

}

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2023年1月17日2023年1月17日

Circle / Rect. Draw by openFrameworks

[ Video ]

[ About ]
円と四角。

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

	ofEasyCam cam;
};

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

ofEasyCam cam;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(255);
	ofSetLineWidth(1);
	ofEnableDepthTest();
}

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

}

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

	this->cam.begin();

	int len = 40;
	int width = len * 0.15;

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

		for (int y = -len * 8; y <= len * 8; y += len) {

			ofPushMatrix();
			ofTranslate(x, y, 0);

			ofMesh mesh, frame;
			frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
			mesh.addVertex(glm::vec3());
			for (int param = 0; param <= 100; param++) {

				float deg = param * 3.6 - 135;
				auto noise_value = ofNoise(x * 0.002 + cos(deg * DEG_TO_RAD) * 0.15, y * 0.002 + sin(deg * DEG_TO_RAD) * 0.15, ofGetFrameNum() * 0.015);

				vector<glm::vec3> vertices;
				if (noise_value > 0.5) {

					vertices.push_back(glm::vec3(this->make_point(len, param), width * 0.5));
				}
				else {

					vertices.push_back(glm::vec3(len * 0.4 * cos(deg * DEG_TO_RAD), len * 0.4 * sin(deg * DEG_TO_RAD), width * 0.5));
				}

				mesh.addVertices(vertices);
				frame.addVertices(vertices);

				if (param > 0) {

					mesh.addIndex(0);
					mesh.addIndex(mesh.getNumVertices() - 1);
					mesh.addIndex(mesh.getNumVertices() - 2);

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

			ofSetColor(0);
			frame.drawWireframe();

			ofSetColor(0, 168);
			mesh.draw();

			ofPopMatrix();
		}
	}

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

100

101

102

103

104

105

106

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofSetLineWidth(1);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

int len = 40;

int width = len * 0.15;

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

for (int y = -len * 8; y <= len * 8; y += len) {

ofPushMatrix();

ofTranslate(x, y, 0);

ofMesh mesh, frame;

frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

mesh.addVertex(glm::vec3());

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

float deg = param * 3.6 - 135;

auto noise_value = ofNoise(x * 0.002 + cos(deg * DEG_TO_RAD) * 0.15, y * 0.002 + sin(deg * DEG_TO_RAD) * 0.15, ofGetFrameNum() * 0.015);

vector<glm::vec3> vertices;

if (noise_value > 0.5) {

vertices.push_back(glm::vec3(this->make_point(len, param), width * 0.5));

}

else {

vertices.push_back(glm::vec3(len * 0.4 * cos(deg * DEG_TO_RAD), len * 0.4 * sin(deg * DEG_TO_RAD), width * 0.5));

}

mesh.addVertices(vertices);

frame.addVertices(vertices);

if (param > 0) {

mesh.addIndex(0);

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

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

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

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

}

ofSetColor(0);

frame.drawWireframe();

ofSetColor(0, 168);

mesh.draw();

ofPopMatrix();

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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