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

2021年6月19日2021年6月19日

Tornado type. Draw by openFrameworks

[ Video ]

[ About ]
Tornado type.

[ 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(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();

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

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

}

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

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

	vector<string> word_list = {
		"A", "B", "C",
		"1", "2", "3",
		"X", "Y", "Z"
	};

	vector<glm::vec2> base_location_list = {
		glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, -150),
		glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 60),   glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 60),   glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 60),
		glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 270),  glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 270),  glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 270)
	}; 

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

		auto word = word_list[i];
		auto base_location = base_location_list[i];
		base_location += glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5);

		int sample_count = 120;
		vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].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::vec2> mesh_vertices;
				vector<glm::highp_mat4x4> rotate_vertices;
				
				for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

					auto noise_value = ofNoise(
						(base_location.x + vertices[vertices_index].x) * 0.001,
						(base_location.y + vertices[vertices_index].y) * 0.001 + ofGetFrameNum() * 0.008);
					float param = 0.5;
					if (noise_value < 0.3) { param = ofMap(noise_value, 0, 0.3, 0, 0.5); }
					if (noise_value > 0.7) { param = ofMap(noise_value, 0.7, 1, 0.5, 1); }

					auto rotation = glm::rotate(glm::mat4(), ofMap(param, 0, 1, -PI * 3, PI * 3), glm::vec3(0, 1, 0));
					auto location = vertices[vertices_index] - glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5);
					
					mesh_vertices.push_back(location);
					rotate_vertices.push_back(rotation);
				}

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

					face.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], -15, 0) * rotate_vertices[k]);
					face.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], 15, 0) * rotate_vertices[k]);

					line.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], -15, 0) * rotate_vertices[k]);
					line.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], 15, 0) * rotate_vertices[k]);

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

				ofSetColor(39);
				face.draw();

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

110

111

112

113

114

115

116

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

vector<string> word_list = {

"A", "B", "C",

"1", "2", "3",

"X", "Y", "Z"

};

vector<glm::vec2> base_location_list = {

glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, -150),

glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 60), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 60), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 60),

glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 270), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 270), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 270)

};

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

auto word = word_list[i];

auto base_location = base_location_list[i];

base_location += glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5);

int sample_count = 120;

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

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

vector<ofPolyline> outline = word_path[word_index].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::vec2> mesh_vertices;

vector<glm::highp_mat4x4> rotate_vertices;

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

auto noise_value = ofNoise(

(base_location.x + vertices[vertices_index].x) * 0.001,

(base_location.y + vertices[vertices_index].y) * 0.001 + ofGetFrameNum() * 0.008);

float param = 0.5;

if (noise_value < 0.3) { param = ofMap(noise_value, 0, 0.3, 0, 0.5); }

if (noise_value > 0.7) { param = ofMap(noise_value, 0.7, 1, 0.5, 1); }

auto rotation = glm::rotate(glm::mat4(), ofMap(param, 0, 1, -PI * 3, PI * 3), glm::vec3(0, 1, 0));

auto location = vertices[vertices_index] - glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5);

mesh_vertices.push_back(location);

rotate_vertices.push_back(rotation);

}

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

face.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], -15, 0) * rotate_vertices[k]);

face.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], 15, 0) * rotate_vertices[k]);

line.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], -15, 0) * rotate_vertices[k]);

line.addVertex(glm::vec4(base_location, 0, 0) + glm::vec4(mesh_vertices[k], 15, 0) * rotate_vertices[k]);

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

ofSetColor(39);

face.draw();

ofSetColor(139);

line.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年6月18日2021年6月18日

Waving character. Draw by openFrameworks

[ Video ]

[ About ]
Waving 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) {};

	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(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();

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

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

}

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

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

	vector<string> word_list = {
		"A", "B", "C",
		"1", "2", "3",
		"X", "Y", "Z"
	};

	vector<glm::vec2> base_location_list = {
		glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, -150),
		glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 60),   glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 60),   glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 60),
		glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 270),  glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 270),  glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 270)
	}; 

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

		auto word = word_list[i];
		auto base_location = base_location_list[i];
		base_location += glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5);

		int sample_count = 120;
		vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].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::vec2> mesh_vertices;
				
				for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

					auto noise_value = ofNoise(
						(base_location.x + vertices[vertices_index].x) * 0.003 + ofGetFrameNum() * 0.01,
						(base_location.y + vertices[vertices_index].y) * 0.003);
					float param = 0.8;
					if (noise_value < 0.3) { param = ofMap(noise_value, 0, 0.3, 0.5, 0.8); }
					if (noise_value > 0.7) { param = ofMap(noise_value, 0.7, 1, 0.8, 1.2); }

					auto location = base_location + (vertices[vertices_index] - glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5)) * param;
					mesh_vertices.push_back(location);
				}

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

					face.addVertex(glm::vec3(mesh_vertices[k], -15));
					face.addVertex(glm::vec3(mesh_vertices[k], 15));

					line.addVertex(glm::vec3(mesh_vertices[k], -15));
					line.addVertex(glm::vec3(mesh_vertices[k], 15));

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

				ofSetColor(39);
				face.draw();

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

110

111

112

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

vector<string> word_list = {

"A", "B", "C",

"1", "2", "3",

"X", "Y", "Z"

};

vector<glm::vec2> base_location_list = {

glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, -150), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, -150),

glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 60), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 60), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 60),

glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 - 150, 270), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5, 270), glm::vec2(this->font.stringWidth(word_list[0]) * 0.5 + 150, 270)

};

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

auto word = word_list[i];

auto base_location = base_location_list[i];

base_location += glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5);

int sample_count = 120;

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

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

vector<ofPolyline> outline = word_path[word_index].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::vec2> mesh_vertices;

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

auto noise_value = ofNoise(

(base_location.x + vertices[vertices_index].x) * 0.003 + ofGetFrameNum() * 0.01,

(base_location.y + vertices[vertices_index].y) * 0.003);

float param = 0.8;

if (noise_value < 0.3) { param = ofMap(noise_value, 0, 0.3, 0.5, 0.8); }

if (noise_value > 0.7) { param = ofMap(noise_value, 0.7, 1, 0.8, 1.2); }

auto location = base_location + (vertices[vertices_index] - glm::vec2(this->font.stringWidth(word_list[i]) * 0.5, this->font.stringHeight(word_list[i]) * 0.5)) * param;

mesh_vertices.push_back(location);

}

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

face.addVertex(glm::vec3(mesh_vertices[k], -15));

face.addVertex(glm::vec3(mesh_vertices[k], 15));

line.addVertex(glm::vec3(mesh_vertices[k], -15));

line.addVertex(glm::vec3(mesh_vertices[k], 15));

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

ofSetColor(39);

face.draw();

ofSetColor(139);

line.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年6月17日2021年6月17日

Rainy mask. Draw by openFrameworks

[ Video ]

[ About ]
Rainy mask.

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.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 mouseEntered(int x, int y) {}
	void mouseExited(int x, int y) {}
	void windowResized(int w, int h) {}
	void dragEvent(ofDragInfo dragInfo) {}
	void gotMessage(ofMessage msg) {}

	ofxBox2d box2d;
	float radius;
	vector<shared_ptr<ofxBox2dCircle>> circle_list;
	vector<vector<glm::vec2>> log_list;
	vector<float> life_list;
	vector<ofColor> color_list;

	ofImage image;
	ofFbo fbo;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.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 mouseEntered(int x, int y) {}

void mouseExited(int x, int y) {}

void windowResized(int w, int h) {}

void dragEvent(ofDragInfo dragInfo) {}

void gotMessage(ofMessage msg) {}

ofxBox2d box2d;

float radius;

vector<shared_ptr<ofxBox2dCircle>> circle_list;

vector<vector<glm::vec2>> log_list;

vector<float> life_list;

vector<ofColor> color_list;

ofImage image;

ofFbo fbo;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);

	this->box2d.init();
	this->box2d.setGravity(0, 50);
	this->box2d.createBounds();
	this->box2d.setFPS(60);
	this->box2d.registerGrabbing();

	this->radius = 15;

	this->image.loadImage("images/lenna.png");
	this->image.resize(720, 720);
	this->fbo.allocate(720, 720);
}

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

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

	if (ofGetFrameNum() % 1 == 0) {

		auto circle = make_shared<ofxBox2dCircle>();
		circle->setPhysics(0.5, 0.83, 0.05);
		circle->setup(this->box2d.getWorld(), ofRandom(150, ofGetWidth() - 150), this->radius, this->radius);
		this->circle_list.push_back(circle);

		vector<glm::vec2> log;
		this->log_list.push_back(log);
		this->life_list.push_back(80);
		this->color_list.push_back(base_color[(int)ofRandom(base_color.size())]);
	}

	this->box2d.update();

	for (int i = this->circle_list.size() - 1; i > -1; i--) {

		this->log_list[i].push_back(glm::vec2(this->circle_list[i]->getPosition().x, this->circle_list[i]->getPosition().y));
		while (this->log_list[i].size() > 20) {

			this->log_list[i].erase(this->log_list[i].begin());
		}

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

			this->circle_list.erase(this->circle_list.begin() + i);
			this->log_list.erase(this->log_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
		}
	}

	this->fbo.begin();
	ofClear(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

		if (this->log_list[i].size() < 2) continue;

		if (this->life_list[i] < 15) {
			
			ofSetColor(this->color_list[i], ofMap(this->life_list[i], 0, 15, 0, 255));
		}
		else {

			ofSetColor(this->color_list[i]);
		}

		ofMesh mesh;
		vector<glm::vec3> right, left, frame;
		glm::vec3 last_location;
		float last_theta;

		for (int k = 0; k < this->log_list[i].size() - 1; k++) {

			auto location = glm::vec3(this->log_list[i][k], 0);
			auto next = glm::vec3(this->log_list[i][k + 1], 0);

			auto direction = next - location;
			auto theta = atan2(direction.y, direction.x);

			right.push_back(location + glm::vec3(ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * cos(theta + PI * 0.5), ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * sin(theta + PI * 0.5), 0));
			left.push_back(location + glm::vec3(ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * cos(theta - PI * 0.5), ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * sin(theta - PI * 0.5), 0));

			last_location = location;
			last_theta = theta;
		}

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

			mesh.addVertex(left[k]);
			mesh.addVertex(right[k]);
		}

		for (int k = 0; k < mesh.getNumVertices() - 2; k += 2) {

			mesh.addIndex(k + 0); mesh.addIndex(k + 1); mesh.addIndex(k + 3);
			mesh.addIndex(k + 0); mesh.addIndex(k + 2); mesh.addIndex(k + 3);
		}

		auto tmp_head_size = ofMap(log_list[i].size() - 2, 0, log_list[i].size(), 0.1, head_size);
		mesh.addVertex(last_location);

		int index = mesh.getNumVertices();
		for (auto theta = last_theta - PI * 0.5; theta <= last_theta + PI * 0.5; theta += PI / 20) {

			mesh.addVertex(last_location + glm::vec3(tmp_head_size * cos(theta), tmp_head_size * sin(theta), 0));
		}

		for (int i = index; i < mesh.getNumVertices() - 1; i++) {

			mesh.addIndex(index); mesh.addIndex(i + 0); mesh.addIndex(i + 1);
		}

		mesh.draw();
	}

	ofDisableBlendMode();
	this->fbo.end();
	
	this->image.getTextureReference().setAlphaMask(this->fbo.getTexture());
	this->image.update();
}

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

	ofSetColor(255);
	this->image.draw(0, 0);
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

this->box2d.init();

this->box2d.setGravity(0, 50);

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

this->radius = 15;

this->image.loadImage("images/lenna.png");

this->image.resize(720, 720);

this->fbo.allocate(720, 720);

}

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

void ofApp::update() {

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

if (ofGetFrameNum() % 1 == 0) {

auto circle = make_shared<ofxBox2dCircle>();

circle->setPhysics(0.5, 0.83, 0.05);

circle->setup(this->box2d.getWorld(), ofRandom(150, ofGetWidth() - 150), this->radius, this->radius);

this->circle_list.push_back(circle);

vector<glm::vec2> log;

this->log_list.push_back(log);

this->life_list.push_back(80);

this->color_list.push_back(base_color[(int)ofRandom(base_color.size())]);

}

this->box2d.update();

for (int i = this->circle_list.size() - 1; i > -1; i--) {

this->log_list[i].push_back(glm::vec2(this->circle_list[i]->getPosition().x, this->circle_list[i]->getPosition().y));

while (this->log_list[i].size() > 20) {

this->log_list[i].erase(this->log_list[i].begin());

}

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

this->circle_list.erase(this->circle_list.begin() + i);

this->log_list.erase(this->log_list.begin() + i);

this->life_list.erase(this->life_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

}

this->fbo.begin();

ofClear(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

int head_size = this->radius;

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

if (this->log_list[i].size() < 2) continue;

if (this->life_list[i] < 15) {

ofSetColor(this->color_list[i], ofMap(this->life_list[i], 0, 15, 0, 255));

}

else {

ofSetColor(this->color_list[i]);

}

ofMesh mesh;

vector<glm::vec3> right, left, frame;

glm::vec3 last_location;

float last_theta;

for (int k = 0; k < this->log_list[i].size() - 1; k++) {

auto location = glm::vec3(this->log_list[i][k], 0);

auto next = glm::vec3(this->log_list[i][k + 1], 0);

auto direction = next - location;

auto theta = atan2(direction.y, direction.x);

right.push_back(location + glm::vec3(ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * cos(theta + PI * 0.5), ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * sin(theta + PI * 0.5), 0));

left.push_back(location + glm::vec3(ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * cos(theta - PI * 0.5), ofMap(k, 0, this->log_list[i].size(), 0.1, head_size) * sin(theta - PI * 0.5), 0));

last_location = location;

last_theta = theta;

}

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

mesh.addVertex(left[k]);

mesh.addVertex(right[k]);

}

for (int k = 0; k < mesh.getNumVertices() - 2; k += 2) {

mesh.addIndex(k + 0); mesh.addIndex(k + 1); mesh.addIndex(k + 3);

mesh.addIndex(k + 0); mesh.addIndex(k + 2); mesh.addIndex(k + 3);

}

auto tmp_head_size = ofMap(log_list[i].size() - 2, 0, log_list[i].size(), 0.1, head_size);

mesh.addVertex(last_location);

int index = mesh.getNumVertices();

for (auto theta = last_theta - PI * 0.5; theta <= last_theta + PI * 0.5; theta += PI / 20) {

mesh.addVertex(last_location + glm::vec3(tmp_head_size * cos(theta), tmp_head_size * sin(theta), 0));

}

for (int i = index; i < mesh.getNumVertices() - 1; i++) {

mesh.addIndex(index); mesh.addIndex(i + 0); mesh.addIndex(i + 1);

}

mesh.draw();

}

ofDisableBlendMode();

this->fbo.end();

this->image.getTextureReference().setAlphaMask(this->fbo.getTexture());

this->image.update();

}

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

void ofApp::draw() {

ofSetColor(255);

this->image.draw(0, 0);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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