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

2022年7月2日

missing character. draw by openFrameworks

[ Video ]

[ About ]
崩れる文字。

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

	void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth);

	ofEasyCam cam;
	vector<glm::vec3> location_list;

	ofMesh face, 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) {};

void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth);

ofEasyCam cam;

vector<glm::vec3> location_list;

ofMesh face, line;

};

#include "ofApp.h"

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

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

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

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	ofClear(0);
	ofSetColor(0);

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-Bold.ttf", 280, true, true, true);

	string word = "BOX";
	font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word));

	fbo.end();

	auto span = 10;

	ofPixels pixels;
	fbo.readToPixels(pixels);
	for (int x = 0; x < fbo.getWidth(); x += span) {

		for (int y = 0; y < fbo.getHeight(); y += span) {

			ofColor color = pixels.getColor(x, y);
			if (color != ofColor(0, 0)) {

				for (int z = span * -10; z <= span * 10; z += span) {

					this->location_list.push_back(glm::vec3(x - ofGetWidth() * 0.5, ofGetHeight() - y - ofGetHeight() * 0.3, z));
				}
			}
		}
	}

	this->line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}
//--------------------------------------------------------------
void ofApp::update() {

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

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

		if (ofNoise(this->location_list[i].x * 0.008, this->location_list[i].y * 0.008, this->location_list[i].z * 0.008 + ofGetFrameNum() * 0.03) < 0.5) {

			this->setBoxToMesh(this->face, this->line, this->location_list[i], 10, 10, 10);
		}
	}
}

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

	this->cam.begin();

	ofSetColor(255);
	this->face.draw();

	ofSetColor(0);
	this->line.draw();

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth) {

	int index = face_target.getVertices().size();

	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

	face_target.addIndex(index + 0); face_target.addIndex(index + 1); face_target.addIndex(index + 2);
	face_target.addIndex(index + 0); face_target.addIndex(index + 2); face_target.addIndex(index + 3);

	face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 6);
	face_target.addIndex(index + 4); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

	face_target.addIndex(index + 0); face_target.addIndex(index + 4); face_target.addIndex(index + 1);
	face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 1);

	face_target.addIndex(index + 1); face_target.addIndex(index + 5); face_target.addIndex(index + 6);
	face_target.addIndex(index + 6); face_target.addIndex(index + 2); face_target.addIndex(index + 1);

	face_target.addIndex(index + 2); face_target.addIndex(index + 6); face_target.addIndex(index + 7);
	face_target.addIndex(index + 7); face_target.addIndex(index + 3); face_target.addIndex(index + 2);

	face_target.addIndex(index + 3); face_target.addIndex(index + 7); face_target.addIndex(index + 4);
	face_target.addIndex(index + 4); face_target.addIndex(index + 0); face_target.addIndex(index + 3);

	frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * 0.5));
	frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * 0.5));

	frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * 0.5));
	frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * 0.5));

	frame_target.addIndex(index + 0); frame_target.addIndex(index + 1);
	frame_target.addIndex(index + 1); frame_target.addIndex(index + 2);
	frame_target.addIndex(index + 2); frame_target.addIndex(index + 3);
	frame_target.addIndex(index + 3); frame_target.addIndex(index + 0);

	frame_target.addIndex(index + 4); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 5); frame_target.addIndex(index + 6);
	frame_target.addIndex(index + 6); frame_target.addIndex(index + 7);
	frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

	frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);
	frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 2); frame_target.addIndex(index + 6);
	frame_target.addIndex(index + 3); frame_target.addIndex(index + 7);

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

		face_target.addColor(ofColor(255, ofMap(location.z, -100, 100, 0, 255)));
		frame_target.addColor(ofColor(0, ofMap(location.z, -100, 100, 0, 255)));
	}
}

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

139

140

141

142

143

144

145

146

147

148

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableDepthTest();

ofFbo fbo;

fbo.allocate(ofGetWidth(), ofGetHeight());

fbo.begin();

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

ofClear(0);

ofSetColor(0);

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-Bold.ttf", 280, true, true, true);

string word = "BOX";

font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word));

fbo.end();

auto span = 10;

ofPixels pixels;

fbo.readToPixels(pixels);

for (int x = 0; x < fbo.getWidth(); x += span) {

for (int y = 0; y < fbo.getHeight(); y += span) {

ofColor color = pixels.getColor(x, y);

if (color != ofColor(0, 0)) {

for (int z = span * -10; z <= span * 10; z += span) {

this->location_list.push_back(glm::vec3(x - ofGetWidth() * 0.5, ofGetHeight() - y - ofGetHeight() * 0.3, z));

}

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

}

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

void ofApp::update() {

this->face.clear();

this->line.clear();

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

if (ofNoise(this->location_list[i].x * 0.008, this->location_list[i].y * 0.008, this->location_list[i].z * 0.008 + ofGetFrameNum() * 0.03) < 0.5) {

this->setBoxToMesh(this->face, this->line, this->location_list[i], 10, 10, 10);

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(255);

this->face.draw();

ofSetColor(0);

this->line.draw();

this->cam.end();

}

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

void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth) {

int index = face_target.getVertices().size();

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addIndex(index + 0); face_target.addIndex(index + 1); face_target.addIndex(index + 2);

face_target.addIndex(index + 0); face_target.addIndex(index + 2); face_target.addIndex(index + 3);

face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 6);

face_target.addIndex(index + 4); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

face_target.addIndex(index + 0); face_target.addIndex(index + 4); face_target.addIndex(index + 1);

face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 1);

face_target.addIndex(index + 1); face_target.addIndex(index + 5); face_target.addIndex(index + 6);

face_target.addIndex(index + 6); face_target.addIndex(index + 2); face_target.addIndex(index + 1);

face_target.addIndex(index + 2); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

face_target.addIndex(index + 7); face_target.addIndex(index + 3); face_target.addIndex(index + 2);

face_target.addIndex(index + 3); face_target.addIndex(index + 7); face_target.addIndex(index + 4);

face_target.addIndex(index + 4); face_target.addIndex(index + 0); face_target.addIndex(index + 3);

frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * 0.5));

frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * 0.5));

frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * 0.5));

frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * 0.5));

frame_target.addIndex(index + 0); frame_target.addIndex(index + 1);

frame_target.addIndex(index + 1); frame_target.addIndex(index + 2);

frame_target.addIndex(index + 2); frame_target.addIndex(index + 3);

frame_target.addIndex(index + 3); frame_target.addIndex(index + 0);

frame_target.addIndex(index + 4); frame_target.addIndex(index + 5);

frame_target.addIndex(index + 5); frame_target.addIndex(index + 6);

frame_target.addIndex(index + 6); frame_target.addIndex(index + 7);

frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);

frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);

frame_target.addIndex(index + 2); frame_target.addIndex(index + 6);

frame_target.addIndex(index + 3); frame_target.addIndex(index + 7);

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

face_target.addColor(ofColor(255, ofMap(location.z, -100, 100, 0, 255)));

frame_target.addColor(ofColor(0, ofMap(location.z, -100, 100, 0, 255)));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年7月1日

Leak line. Draw by openFrameworks

[ Video ]

[ About ]
線が漏れる。

Leak line.

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

ofEasyCam cam;

ofMesh face, line;

};

#include "ofApp.h"

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

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

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

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

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

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

	float phi_deg_step = 5;
	float theta_deg_step = 5;

	float radius = 250;
	float noise_threshold = 0.45;

	ofColor face_color = ofColor(0);;
	ofColor line_color = ofColor(255);

	for (float phi_deg = 0; phi_deg < 360; phi_deg += phi_deg_step) {

		for (float theta_deg = 0; theta_deg <= 180; theta_deg += theta_deg_step) {

			auto noise_value = ofNoise(
				radius * cos(phi_deg * DEG_TO_RAD) * 0.01,
				radius * sin(phi_deg * DEG_TO_RAD) * 0.01,
				radius * cos(theta_deg * DEG_TO_RAD) * 0.01,
				ofGetFrameNum() * 0.025);

			if (noise_value < noise_threshold) { 
			
				this->line.addVertex(glm::vec3());
				this->line.addVertex(glm::vec3(
					600 * sin(theta_deg * DEG_TO_RAD) * cos(phi_deg * DEG_TO_RAD),
					600 * sin(theta_deg * DEG_TO_RAD) * sin(phi_deg * DEG_TO_RAD),
					600 * cos(theta_deg * DEG_TO_RAD)));
				
				this->line.addIndex(this->line.getNumVertices() - 1);
				this->line.addIndex(this->line.getNumVertices() - 2);

				this->line.addColor(ofColor(255, 0, 255));
				this->line.addColor(ofColor(0));

				continue;
			}

			auto noise_value_1 = ofNoise(
				radius * cos(phi_deg * DEG_TO_RAD) * 0.01,
				radius * sin(phi_deg * DEG_TO_RAD) * 0.01,
				radius * cos((theta_deg - theta_deg_step) * DEG_TO_RAD) * 0.01,
				ofGetFrameNum() * 0.025);
			auto noise_value_2 = ofNoise(
				radius * cos((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,
				radius * sin((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,
				radius * cos(theta_deg * DEG_TO_RAD) * 0.01,
				ofGetFrameNum() * 0.025);
			auto noise_value_3 = ofNoise(
				radius * cos((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,
				radius * sin((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,
				radius * cos(theta_deg * DEG_TO_RAD) * 0.01,
				ofGetFrameNum() * 0.025);
			auto noise_value_4 = ofNoise(
				radius * cos(phi_deg * DEG_TO_RAD) * 0.01,
				radius * sin(phi_deg * DEG_TO_RAD) * 0.01,
				radius * cos((theta_deg + theta_deg_step) * DEG_TO_RAD) * 0.01,
				ofGetFrameNum() * 0.025);

			auto index = this->face.getNumVertices();
			vector<glm::vec3> vertices;

			vertices.push_back(glm::vec3(
				radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(
				radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(
				radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(
				radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
				radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));

			this->face.addVertices(vertices);

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

			if (noise_value_1 < noise_threshold) {

				this->line.addVertex(vertices[0]); this->line.addVertex(vertices[1]);
				this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				this->line.addColor(line_color); this->line.addColor(line_color);
			}

			if (noise_value_2 < noise_threshold) {

				this->line.addVertex(vertices[0]); this->line.addVertex(vertices[2]);
				this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				this->line.addColor(line_color); this->line.addColor(line_color);
			}

			if (noise_value_3 < noise_threshold) {

				this->line.addVertex(vertices[1]); this->line.addVertex(vertices[3]);
				this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				this->line.addColor(line_color); this->line.addColor(line_color);
			}

			if (noise_value_4 < noise_threshold) {

				this->line.addVertex(vertices[2]); this->line.addVertex(vertices[3]);
				this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				this->line.addColor(line_color); this->line.addColor(line_color);
			}

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

				this->face.addColor(face_color);
			}
		}
	}
}

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

	this->cam.begin();
	ofRotateX(270);
	ofRotateZ(ofGetFrameNum() * 0.3333);

	this->face.draw();
	this->line.draw();

	float phi_deg_step = 5;
	float theta_deg_step = 5;

	this->cam.end();
}

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

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableDepthTest();

ofSetLineWidth(1.5);

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

}

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

void ofApp::update() {

this->face.clear();

this->line.clear();

float phi_deg_step = 5;

float theta_deg_step = 5;

float radius = 250;

float noise_threshold = 0.45;

ofColor face_color = ofColor(0);;

ofColor line_color = ofColor(255);

for (float phi_deg = 0; phi_deg < 360; phi_deg += phi_deg_step) {

for (float theta_deg = 0; theta_deg <= 180; theta_deg += theta_deg_step) {

auto noise_value = ofNoise(

radius * cos(phi_deg * DEG_TO_RAD) * 0.01,

radius * sin(phi_deg * DEG_TO_RAD) * 0.01,

radius * cos(theta_deg * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

if (noise_value < noise_threshold) {

this->line.addVertex(glm::vec3());

this->line.addVertex(glm::vec3(

600 * sin(theta_deg * DEG_TO_RAD) * cos(phi_deg * DEG_TO_RAD),

600 * sin(theta_deg * DEG_TO_RAD) * sin(phi_deg * DEG_TO_RAD),

600 * cos(theta_deg * DEG_TO_RAD)));

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

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

this->line.addColor(ofColor(255, 0, 255));

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

continue;

}

auto noise_value_1 = ofNoise(

radius * cos(phi_deg * DEG_TO_RAD) * 0.01,

radius * sin(phi_deg * DEG_TO_RAD) * 0.01,

radius * cos((theta_deg - theta_deg_step) * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto noise_value_2 = ofNoise(

radius * cos((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * sin((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * cos(theta_deg * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto noise_value_3 = ofNoise(

radius * cos((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * sin((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * cos(theta_deg * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto noise_value_4 = ofNoise(

radius * cos(phi_deg * DEG_TO_RAD) * 0.01,

radius * sin(phi_deg * DEG_TO_RAD) * 0.01,

radius * cos((theta_deg + theta_deg_step) * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

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

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));

this->face.addVertices(vertices);

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

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

if (noise_value_1 < noise_threshold) {

this->line.addVertex(vertices[0]); this->line.addVertex(vertices[1]);

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

this->line.addColor(line_color); this->line.addColor(line_color);

}

if (noise_value_2 < noise_threshold) {

this->line.addVertex(vertices[0]); this->line.addVertex(vertices[2]);

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

this->line.addColor(line_color); this->line.addColor(line_color);

}

if (noise_value_3 < noise_threshold) {

this->line.addVertex(vertices[1]); this->line.addVertex(vertices[3]);

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

this->line.addColor(line_color); this->line.addColor(line_color);

}

if (noise_value_4 < noise_threshold) {

this->line.addVertex(vertices[2]); this->line.addVertex(vertices[3]);

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

this->line.addColor(line_color); this->line.addColor(line_color);

}

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

this->face.addColor(face_color);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

ofRotateZ(ofGetFrameNum() * 0.3333);

this->face.draw();

this->line.draw();

float phi_deg_step = 5;

float theta_deg_step = 5;

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年6月30日

Boxes font. Draw by openFrameworks

[ Video ]

[ About ]
ボックス文字。

Boxes font.

[ 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 setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth);

	ofEasyCam cam;
	vector<glm::vec3> location_list;

	ofMesh face, 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) {};

void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth);

ofEasyCam cam;

vector<glm::vec3> location_list;

ofMesh face, line;

};

#include "ofApp.h"

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

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

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

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	ofClear(0);
	ofSetColor(0);

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-Bold.ttf", 350, true, true, true);

	string word = "JK";
	font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word));

	fbo.end();

	auto span = 15;

	ofPixels pixels;
	fbo.readToPixels(pixels);
	for (int x = 0; x < fbo.getWidth(); x += span) {

		for (int y = 0; y < fbo.getHeight(); y += span) {

			ofColor color = pixels.getColor(x, y);
			if (color != ofColor(0, 0)) {

				for (int z = span * -25; z <= span * 25; z += span) {

					this->location_list.push_back(glm::vec3(x - ofGetWidth() * 0.5, ofGetHeight() - y - ofGetWidth() * 0.25, z));
				}
			}
		}
	}

	this->line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}
//--------------------------------------------------------------
void ofApp::update() {

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

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

		this->setBoxToMesh(this->face, this->line, this->location_list[i], 15, 15, 15);
	}
}

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

	this->cam.begin();
	ofRotateY(335);

	ofSetColor(255);
	this->face.draw();

	ofSetColor(0);
	this->line.draw();

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth) {

	int index = face_target.getVertices().size();

	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

	face_target.addIndex(index + 0); face_target.addIndex(index + 1); face_target.addIndex(index + 2);
	face_target.addIndex(index + 0); face_target.addIndex(index + 2); face_target.addIndex(index + 3);

	face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 6);
	face_target.addIndex(index + 4); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

	face_target.addIndex(index + 0); face_target.addIndex(index + 4); face_target.addIndex(index + 1);
	face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 1);

	face_target.addIndex(index + 1); face_target.addIndex(index + 5); face_target.addIndex(index + 6);
	face_target.addIndex(index + 6); face_target.addIndex(index + 2); face_target.addIndex(index + 1);

	face_target.addIndex(index + 2); face_target.addIndex(index + 6); face_target.addIndex(index + 7);
	face_target.addIndex(index + 7); face_target.addIndex(index + 3); face_target.addIndex(index + 2);

	face_target.addIndex(index + 3); face_target.addIndex(index + 7); face_target.addIndex(index + 4);
	face_target.addIndex(index + 4); face_target.addIndex(index + 0); face_target.addIndex(index + 3);

	frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * 0.5));
	frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * 0.5));

	frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * 0.5));
	frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * 0.5));

	frame_target.addIndex(index + 0); frame_target.addIndex(index + 1);
	frame_target.addIndex(index + 1); frame_target.addIndex(index + 2);
	frame_target.addIndex(index + 2); frame_target.addIndex(index + 3);
	frame_target.addIndex(index + 3); frame_target.addIndex(index + 0);

	frame_target.addIndex(index + 4); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 5); frame_target.addIndex(index + 6);
	frame_target.addIndex(index + 6); frame_target.addIndex(index + 7);
	frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

	frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);
	frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 2); frame_target.addIndex(index + 6);
	frame_target.addIndex(index + 3); frame_target.addIndex(index + 7);

	auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(face_target.getVertices().back().z * 0.0008 + ofGetFrameNum() * 0.01), 0, 1, PI * -2.5, PI * 2.5), glm::vec3(0, 0, 1));
	for (int i = index; i < face_target.getNumVertices(); i++) {
		
		glm::vec3 rotated_location = glm::vec4(face_target.getVertex(i), 0) * rotation;
		face_target.setVertex(i, rotated_location);

		rotated_location = glm::vec4(frame_target.getVertex(i), 0) * rotation;
		frame_target.setVertex(i, rotated_location);
	}
}

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

139

140

141

142

143

144

145

146

147

148

149

150

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableDepthTest();

ofFbo fbo;

fbo.allocate(ofGetWidth(), ofGetHeight());

fbo.begin();

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

ofClear(0);

ofSetColor(0);

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-Bold.ttf", 350, true, true, true);

string word = "JK";

font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word));

fbo.end();

auto span = 15;

ofPixels pixels;

fbo.readToPixels(pixels);

for (int x = 0; x < fbo.getWidth(); x += span) {

for (int y = 0; y < fbo.getHeight(); y += span) {

ofColor color = pixels.getColor(x, y);

if (color != ofColor(0, 0)) {

for (int z = span * -25; z <= span * 25; z += span) {

this->location_list.push_back(glm::vec3(x - ofGetWidth() * 0.5, ofGetHeight() - y - ofGetWidth() * 0.25, z));

}

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

}

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

void ofApp::update() {

this->face.clear();

this->line.clear();

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

this->setBoxToMesh(this->face, this->line, this->location_list[i], 15, 15, 15);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(335);