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

2021年7月12日2021年7月12日

Scale change by nosie. Draw by openFrameworks

[ Video ]

[ About ]
ノイズによって球体の欠片のサイズを変える。
更に、ノイズの値をifとofMap()を使って整形してメリハリをつける。

Change the size of the sphere pieces depending on the noise.
Furthermore, the value of the noise is shaped using if and ofMap() to make it more vivid.

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

	vector<ofMeshFace> triangle_list;
	ofMesh mesh, 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;

vector<ofMeshFace> triangle_list;

ofMesh mesh, frame;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(1);
	ofEnableDepthTest();

	auto ico_sphere = ofIcoSpherePrimitive(100, 3);
	this->triangle_list.insert(this->triangle_list.end(), ico_sphere.getMesh().getUniqueFaces().begin(), ico_sphere.getMesh().getUniqueFaces().end());

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

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

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

	for (int radius = 300; radius <= 500; radius += 20) {

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

			glm::vec3 avg = (this->triangle_list[i].getVertex(0) + this->triangle_list[i].getVertex(1) + this->triangle_list[i].getVertex(2)) / 3;
			auto noise_value = ofNoise(glm::vec4(avg * 0.01, (radius / 20 + ofGetFrameNum()) * 0.008));

			if (noise_value > 0.65) {
				
				noise_value = 1; 
			}
			else if (noise_value < 0.5) { 
				
				noise_value = 0; 
			}
			else {

				noise_value = ofMap(noise_value, 0.5, 0.65, 0, 1);
			}

			if (noise_value > 0) {

				vector<glm::vec3> vertices;

				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius + 10));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius + 10));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius + 10));

				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius - 10));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius - 10));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius - 10));

				this->mesh.addVertices(vertices);
				this->frame.addVertices(vertices);

				this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 3);
				this->mesh.addTriangle(this->mesh.getNumVertices() - 4, this->mesh.getNumVertices() - 5, this->mesh.getNumVertices() - 6);

				this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 5);
				this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 5, this->mesh.getNumVertices() - 4);

				this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 3, this->mesh.getNumVertices() - 6);
				this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 6, this->mesh.getNumVertices() - 4);

				this->mesh.addTriangle(this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 3, this->mesh.getNumVertices() - 6);
				this->mesh.addTriangle(this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 6, this->mesh.getNumVertices() - 5);

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

				this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 5);
				this->frame.addIndex(this->frame.getNumVertices() - 5); this->frame.addIndex(this->frame.getNumVertices() - 6);
				this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 6);

				this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 4);
				this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 5);
				this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 6);
			}
		}
	}
}

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

	this->cam.begin();
	ofRotateX(ofGetFrameNum() * 0.37);
	ofRotateY(ofGetFrameNum() * 0.72);

	ofSetColor(39);
	this->mesh.drawFaces();

	ofSetColor(239);
	this->frame.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(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(1);

ofEnableDepthTest();

auto ico_sphere = ofIcoSpherePrimitive(100, 3);

this->triangle_list.insert(this->triangle_list.end(), ico_sphere.getMesh().getUniqueFaces().begin(), ico_sphere.getMesh().getUniqueFaces().end());

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

}

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

void ofApp::update() {

this->mesh.clear();

this->frame.clear();

for (int radius = 300; radius <= 500; radius += 20) {

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

glm::vec3 avg = (this->triangle_list[i].getVertex(0) + this->triangle_list[i].getVertex(1) + this->triangle_list[i].getVertex(2)) / 3;

auto noise_value = ofNoise(glm::vec4(avg * 0.01, (radius / 20 + ofGetFrameNum()) * 0.008));

if (noise_value > 0.65) {

noise_value = 1;

}

else if (noise_value < 0.5) {

noise_value = 0;

}

else {

noise_value = ofMap(noise_value, 0.5, 0.65, 0, 1);

}

if (noise_value > 0) {

vector<glm::vec3> vertices;

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius + 10));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius + 10));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius + 10));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius - 10));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius - 10));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius - 10));

this->mesh.addVertices(vertices);

this->frame.addVertices(vertices);

this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 3);

this->mesh.addTriangle(this->mesh.getNumVertices() - 4, this->mesh.getNumVertices() - 5, this->mesh.getNumVertices() - 6);

this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 5);

this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 5, this->mesh.getNumVertices() - 4);

this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 3, this->mesh.getNumVertices() - 6);

this->mesh.addTriangle(this->mesh.getNumVertices() - 1, this->mesh.getNumVertices() - 6, this->mesh.getNumVertices() - 4);

this->mesh.addTriangle(this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 3, this->mesh.getNumVertices() - 6);

this->mesh.addTriangle(this->mesh.getNumVertices() - 2, this->mesh.getNumVertices() - 6, this->mesh.getNumVertices() - 5);

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

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

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

this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 5);

this->frame.addIndex(this->frame.getNumVertices() - 5); this->frame.addIndex(this->frame.getNumVertices() - 6);

this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 6);

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

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

this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 6);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(ofGetFrameNum() * 0.37);

ofRotateY(ofGetFrameNum() * 0.72);

ofSetColor(39);

this->mesh.drawFaces();

ofSetColor(239);

this->frame.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

2021年7月11日2021年7月11日

Arrow by arrows. Draw by openFrameworks

[ Video ]

[ About ]
座標と半径を使ってお互いが被らないように隙間を埋める。
distance(my, other) < my.radisu + other.radius. Use coordinates and radius to fill in the gaps so that they don't cover each other. distance(my, other) < my.radisu + other.radius. [ Source ]

#pragma once
#include "ofMain.h"

class ofApp : public ofBaseApp {

public:
	void setup();
	void update();
	void draw();

	void keyPressed(int key) {};
	void keyReleased(int key) {};
	void mouseMoved(int x, int y) {};
	void mouseDragged(int x, int y, int button) {};
	void mousePressed(int x, int y, int button) {};
	void mouseReleased(int x, int y, int button) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);

	ofFbo fbo;
	ofPixels pix;

	vector<pair<glm::vec2, float>> arrow_list;
	int count;
};

#pragma once

#include "ofMain.h"

class ofApp : public ofBaseApp {

public:

void setup();

void update();

void draw();

void keyPressed(int key) {};

void keyReleased(int key) {};

void mouseMoved(int x, int y) {};

void mouseDragged(int x, int y, int button) {};

void mousePressed(int x, int y, int button) {};

void mouseReleased(int x, int y, int button) {};

void windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color);

ofFbo fbo;

ofPixels pix;

vector<pair<glm::vec2, float>> arrow_list;

int count;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(2);

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	this->count = 125;
}

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

	ofSeedRandom(39);

	this->fbo.begin();
	ofClear(0);
	ofSetColor(0);

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

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

		auto deg = ofGetFrameNum() + k * 120;

		auto location = glm::vec2(230 * cos(deg * DEG_TO_RAD), 230 * sin(deg * DEG_TO_RAD));
		auto next = glm::vec2(230 * cos((deg + 1) * DEG_TO_RAD), 230 * sin((deg + 1) *DEG_TO_RAD));

		this->draw_arrow(location, next, 200, ofColor(0), ofColor(0));
	}

	this->fbo.end();
	this->fbo.readToPixels(this->pix);
}

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

	this->arrow_list.clear();

	while (this->arrow_list .size() < this->count) {

		int x = ofRandom(ofGetWidth());
		int y = ofRandom(ofGetHeight());

		ofColor pix_color = this->pix.getColor(x, y);
		if (pix_color != ofColor(0)) {

			continue;
		}

		ofColor color;
		color.setHsb(ofRandom(255), 255, 255);
		glm::vec2 point = glm::vec2(x, y);
		float radius = ofRandom(8, 18);

		bool flag = true;
		for (int i = 0; i < this->arrow_list.size(); i++) {

			if (glm::distance(point, this->arrow_list[i].first) < this->arrow_list[i].second + radius) {

				flag = false;
				break;
			}
		}

		if (flag) {

			this->arrow_list.push_back(make_pair(point, radius));
		}
	}

	for (int arrow_index = 0; arrow_index < this->arrow_list.size(); arrow_index++) {

		glm::vec2 location = this->arrow_list[arrow_index].first;
		float radius = this->arrow_list[arrow_index].second;

		auto noise_angle = ofMap(ofNoise(glm::vec3(location * 0.005, ofGetFrameNum() * 0.001)), 0, 1, 0, PI);
		this->draw_arrow(location, location + glm::vec2(cos(noise_angle), sin(noise_angle)), radius * 1.2, ofColor(39), ofColor(255));
	}

	ofPopMatrix();
}

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);

	ofSetColor(fill_color);
	ofFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofSetColor(no_fill_color);
	ofNoFill();
	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofEndShape();

	ofBeginShape();
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
	ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
	ofEndShape();
}

//--------------------------------------------------------------
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() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(2);

this->fbo.allocate(ofGetWidth(), ofGetHeight());

this->count = 125;

}

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

void ofApp::update() {

ofSeedRandom(39);

this->fbo.begin();

ofClear(0);

ofSetColor(0);

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

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

auto deg = ofGetFrameNum() + k * 120;

auto location = glm::vec2(230 * cos(deg * DEG_TO_RAD), 230 * sin(deg * DEG_TO_RAD));

auto next = glm::vec2(230 * cos((deg + 1) * DEG_TO_RAD), 230 * sin((deg + 1) *DEG_TO_RAD));

this->draw_arrow(location, next, 200, ofColor(0), ofColor(0));

}

this->fbo.end();

this->fbo.readToPixels(this->pix);

}

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

void ofApp::draw() {

this->arrow_list.clear();

while (this->arrow_list .size() < this->count) {

int x = ofRandom(ofGetWidth());

int y = ofRandom(ofGetHeight());

ofColor pix_color = this->pix.getColor(x, y);

if (pix_color != ofColor(0)) {

continue;

}

ofColor color;

color.setHsb(ofRandom(255), 255, 255);

glm::vec2 point = glm::vec2(x, y);

float radius = ofRandom(8, 18);

bool flag = true;

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

if (glm::distance(point, this->arrow_list[i].first) < this->arrow_list[i].second + radius) {

flag = false;

break;

}

if (flag) {

this->arrow_list.push_back(make_pair(point, radius));

}

for (int arrow_index = 0; arrow_index < this->arrow_list.size(); arrow_index++) {

glm::vec2 location = this->arrow_list[arrow_index].first;

float radius = this->arrow_list[arrow_index].second;

auto noise_angle = ofMap(ofNoise(glm::vec3(location * 0.005, ofGetFrameNum() * 0.001)), 0, 1, 0, PI);

this->draw_arrow(location, location + glm::vec2(cos(noise_angle), sin(noise_angle)), radius * 1.2, ofColor(39), ofColor(255));

}

ofPopMatrix();

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

ofSetColor(fill_color);

ofFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofSetColor(no_fill_color);

ofNoFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年7月10日

Twisting String. Draw by openFrameworks

[ Video ]

[ About ]
文字の座標を回転させる。
ofTrueTypeFont.getStringAsPoints()で取得した座標にglm::highp_mat4で回転した座標を計算する。

Rotate the coordinates of a character.
Calculate the coordinates rotated by glm::highp_mat4 to the coordinates retrieved by ofTrueTypeFont.getStringAsPoints().

[ 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(239);
	ofSetColor(39);
	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);

	string word = "Twisting String";
	int sample_count = 180;
	auto noise_param = ofRandom(1000);
	auto word_size = this->font.getStringBoundingBox(word, 0, 0);
	vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

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

		ofRotateX(i * 180);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].getOutline();

			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(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 50);
					auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_param, location.x * 0.001 + ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));
					location = glm::vec4(location, 0) * rotation;

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

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

ofSetColor(39);

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

string word = "Twisting String";

int sample_count = 180;

auto noise_param = ofRandom(1000);

auto word_size = this->font.getStringBoundingBox(word, 0, 0);

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

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

ofRotateX(i * 180);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

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(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 50);

auto rotation = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_param, location.x * 0.001 + ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));

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

ofVertex(location);

}

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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