noise – ページ 50 – プログラミング de 落描き

2023年1月13日

Pop out font. 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;
	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;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(255);
	ofSetLineWidth(3);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);
	ofRotateY(sin(ofGetFrameNum() * 0.04) * 20);
	ofRotateX(sin(ofGetFrameNum() * 0.02) * 20);

	ofColor color;
	string word = "JunKiyoshi";

	for (int base_y = -200; base_y <= 200; base_y += 60) {

		auto hue = ofMap(base_y, -200, 200, 0, 255);

		for (int base_x = -200; base_x <= 200; base_x += 40) {

			auto len = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.02), 0, 1, 10, 150);

			int sample_count = 60;

			ofPath chara_path = this->font.getCharacterAsPoints(word[(int)ofMap(base_x, -200, 200, 0, word.size())], true, false);
			vector<ofPolyline> outline = chara_path.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();
				vector<glm::vec3> mesh_vertices;
				vector<glm::vec3> base_location_list;

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

					auto base_location = glm::vec3(base_x, base_y, 0);
					auto location = vertices[vertices_index] - glm::vec3(25, -25, 0);

					mesh_vertices.push_back(location);
					base_location_list.push_back(base_location);
				}

				ofMesh face, line;
				line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
				for (int k = 0; k < mesh_vertices.size(); k++) {

					face.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, 0));
					face.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, -len));

					line.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, 0));
					line.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, -len));

					if (k > 0) {

						face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);
						face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

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

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

				color.setHsb(hue, 150, 150);

				ofSetColor(color);
				face.draw();

				color.setHsb(hue, 255, 255);

				ofSetColor(color);
				line.drawWireframe();
			}
		}
	}

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

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(3);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(sin(ofGetFrameNum() * 0.04) * 20);

ofRotateX(sin(ofGetFrameNum() * 0.02) * 20);

ofColor color;

string word = "JunKiyoshi";

for (int base_y = -200; base_y <= 200; base_y += 60) {

auto hue = ofMap(base_y, -200, 200, 0, 255);

for (int base_x = -200; base_x <= 200; base_x += 40) {

auto len = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.02), 0, 1, 10, 150);

int sample_count = 60;

ofPath chara_path = this->font.getCharacterAsPoints(word[(int)ofMap(base_x, -200, 200, 0, word.size())], true, false);

vector<ofPolyline> outline = chara_path.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();

vector<glm::vec3> mesh_vertices;

vector<glm::vec3> base_location_list;

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

auto base_location = glm::vec3(base_x, base_y, 0);

auto location = vertices[vertices_index] - glm::vec3(25, -25, 0);

mesh_vertices.push_back(location);

base_location_list.push_back(base_location);

}

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

for (int k = 0; k < mesh_vertices.size(); k++) {

face.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, 0));

face.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, -len));

line.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, 0));

line.addVertex(base_location_list[k] + mesh_vertices[k] + glm::vec3(0, 0, -len));

if (k > 0) {

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

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

}

face.addIndex(face.getNumVertices() - 1); face.addIndex(0); face.addIndex(1);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(2);

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

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

color.setHsb(hue, 150, 150);

ofSetColor(color);

face.draw();

color.setHsb(hue, 255, 255);

ofSetColor(color);

line.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2023年1月12日

Number lock. Draw by openFrameworks

[ Video ]

[ About ]
Number locks.

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

	ofTrueTypeFont font;
	string word;
};

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

ofTrueTypeFont font;

string word;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(255);
	ofSetLineWidth(3);
	ofEnableDepthTest();

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
	this->word = "1234567890";
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.33333333333 * 4);
	ofRotateX(210);

	int size = 33;
	for (int base_deg = 0; base_deg < 360; base_deg += 5) {

		ofPushMatrix();
		ofRotateY(base_deg);

		int deg_span = 40;
		int deg_start = ofMap(ofNoise(cos(base_deg * DEG_TO_RAD) * 0.5, sin(base_deg * DEG_TO_RAD) * 0.5, ofGetFrameNum() * 0.0055), 0, 1, -360, 360);
		for (int deg = deg_start; deg < deg_start + 360; deg += deg_span) {

			ofPath chara_path = this->font.getCharacterAsPoints(this->word[(int)ofMap(deg, deg_start, deg_start + 360, 0, this->word.size())], true, false);
			vector<ofPolyline> outline = chara_path.getOutline();

			ofPushMatrix();
			ofTranslate(0, 0, -300);
			ofRotateX(deg);

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

				ofNextContour(true);

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

					glm::vec3 location = vertex / 100 * size;
					location -= glm::vec3(size * 0.5, -size * 0.5, 50);

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

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

				ofNextContour(true);

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

					glm::vec3 location = vertex / 100 * size;
					location -= glm::vec3(size * 0.5, -size * 0.5, 50);

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

			ofPopMatrix();
		}

		ofPopMatrix();
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(3);

ofEnableDepthTest();

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

this->word = "1234567890";

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.33333333333 * 4);

ofRotateX(210);

int size = 33;

for (int base_deg = 0; base_deg < 360; base_deg += 5) {

ofPushMatrix();

ofRotateY(base_deg);

int deg_span = 40;

int deg_start = ofMap(ofNoise(cos(base_deg * DEG_TO_RAD) * 0.5, sin(base_deg * DEG_TO_RAD) * 0.5, ofGetFrameNum() * 0.0055), 0, 1, -360, 360);

for (int deg = deg_start; deg < deg_start + 360; deg += deg_span) {

ofPath chara_path = this->font.getCharacterAsPoints(this->word[(int)ofMap(deg, deg_start, deg_start + 360, 0, this->word.size())], true, false);

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

ofPushMatrix();

ofTranslate(0, 0, -300);

ofRotateX(deg);

ofFill();

ofSetColor(255);

ofBeginShape();

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

ofNextContour(true);

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

for (auto& vertex : vertices) {

glm::vec3 location = vertex / 100 * size;

location -= glm::vec3(size * 0.5, -size * 0.5, 50);

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(0);

ofBeginShape();

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

ofNextContour(true);

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

for (auto& vertex : vertices) {

glm::vec3 location = vertex / 100 * size;

location -= glm::vec3(size * 0.5, -size * 0.5, 50);

ofVertex(location);

}

ofEndShape(true);

ofPopMatrix();

}

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2023年1月10日

reversal. 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;
	ofMesh line;

	vector<float> radius_list;
	vector<float> deg_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) {};

ofEasyCam cam;

ofMesh line;

vector<float> radius_list;

vector<float> deg_list;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(255);
	ofSetLineWidth(2);
	
	ofEnableDepthTest();

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

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

		this->radius_list.push_back(ofRandom(500));
		this->deg_list.push_back(ofRandom(360));
	}
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);

	int threshold_radius = 300;
	int max_radius = 500;
	this->line.clear();

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

		int speed = 5;
		int radius_start = ((int)(this->radius_list[i] + speed) % max_radius);
		int radius = max_radius - radius_start;
		float deg_start = this->deg_list[i] + (radius > threshold_radius ? 1 : ofMap(radius, 0, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));
		float deg = deg_start;
		int color_value = ofRandom(0, 192);

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

			radius = ((int)(this->radius_list[i] + speed * k) % max_radius);
			radius = max_radius - radius;

			deg += (radius > threshold_radius ? 1 : ofMap(radius, 1, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));

			auto z = radius > threshold_radius ? 0 : ofMap(radius, 0, threshold_radius, -1 * pow(threshold_radius - radius, 1.01), 0);
			auto vertex = glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z + 2);
			this->line.addVertex(vertex);
			this->line.addColor(ofColor(color_value));

			if (k > 0 && radius < max_radius - 10) {

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

		}

		this->radius_list[i] = radius_start;
		this->deg_list[i] = deg_start;
	}
}

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

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

	ofSetColor(0);
	//this->face.draw();
	ofSetColor(255);
	this->line.drawWireframe();

	this->cam.end();

}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableDepthTest();

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

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

this->radius_list.push_back(ofRandom(500));

this->deg_list.push_back(ofRandom(360));

}

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

void ofApp::update() {

ofSeedRandom(39);

int threshold_radius = 300;

int max_radius = 500;

this->line.clear();

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

int speed = 5;

int radius_start = ((int)(this->radius_list[i] + speed) % max_radius);

int radius = max_radius - radius_start;

float deg_start = this->deg_list[i] + (radius > threshold_radius ? 1 : ofMap(radius, 0, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));

float deg = deg_start;

int color_value = ofRandom(0, 192);

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

radius = ((int)(this->radius_list[i] + speed * k) % max_radius);

radius = max_radius - radius;

deg += (radius > threshold_radius ? 1 : ofMap(radius, 1, threshold_radius, pow(speed, ofMap(radius, 0, threshold_radius, 2, 1)), 1));

auto z = radius > threshold_radius ? 0 : ofMap(radius, 0, threshold_radius, -1 * pow(threshold_radius - radius, 1.01), 0);

auto vertex = glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), z + 2);

this->line.addVertex(vertex);

this->line.addColor(ofColor(color_value));

if (k > 0 && radius < max_radius - 10) {

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

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

}

this->radius_list[i] = radius_start;

this->deg_list[i] = deg_start;

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(100);

ofSetColor(0);

//this->face.draw();

ofSetColor(255);

this->line.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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