openFrameworks – ページ 658 – プログラミング de 落描き

2020年2月15日

Gap by perlin noise.

[ Video ]

[ About ]
パーリンノイズによる隙間。

Gap by perlin noise.

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

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

void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size, ofColor face_color, ofColor frame_color);

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

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

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

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

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

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

	auto span = 15;
	ofColor color;
	for (int x = -300; x <= 300; x += span) {
		
		for (int y = -450; y <= 450; y += span) {

			for (int z = 0; z >= -150; z -= span) {

				auto noise_value = ofNoise(x * 0.005, y * 0.005, z * 0.005, ofGetFrameNum() * 0.01);
				z > span * -3 ? color.setHsb(ofMap(z, 0, -150, 128, 230), ofMap(z, 0, span * -3, 0, 255), 255) : color.setHsb(ofMap(z, 0, -150, 128, 230), 180, 255);

				if (noise_value > ofMap(z, 0, -150, 0.45, 0.1)) {

					this->setBoxToMesh(this->face, this->frame, glm::vec3(x, y, z), span, color, ofColor(239));
				}
			}
		}
	}
}

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

	this->cam.begin();

	this->face.draw();
	this->frame.drawWireframe();

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size, ofColor face_color, ofColor frame_color) {

	this->setBoxToMesh(face_target, frame_target, location, size, size, size, face_color, frame_color);
}

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

	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++) {

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

auto span = 15;

ofColor color;

for (int x = -300; x <= 300; x += span) {

for (int y = -450; y <= 450; y += span) {

for (int z = 0; z >= -150; z -= span) {

auto noise_value = ofNoise(x * 0.005, y * 0.005, z * 0.005, ofGetFrameNum() * 0.01);

z > span * -3 ? color.setHsb(ofMap(z, 0, -150, 128, 230), ofMap(z, 0, span * -3, 0, 255), 255) : color.setHsb(ofMap(z, 0, -150, 128, 230), 180, 255);

if (noise_value > ofMap(z, 0, -150, 0.45, 0.1)) {

this->setBoxToMesh(this->face, this->frame, glm::vec3(x, y, z), span, color, ofColor(239));

}

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

void ofApp::draw() {

this->cam.begin();

this->face.draw();

this->frame.drawWireframe();

this->cam.end();

}

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

void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size, ofColor face_color, ofColor frame_color) {

this->setBoxToMesh(face_target, frame_target, location, size, size, size, face_color, frame_color);

}

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

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

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++) {

this->face.addColor(face_color);

this->frame.addColor(frame_color);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年2月14日

Valentines Day 2020. openFrameworks

[ Video ]

[ About ]
ハッピー・バレンタイン！

Valentines Day 2020.

[ Source ]

#pragma once
#include "ofMain.h"
class ofApp : public ofBaseApp {

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

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

	glm::vec2 make_point(float theta);

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

glm::vec2 make_point(float theta);

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);

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

    for (float scale = 3; scale < 20; scale += 1) {

		auto param = (ofGetFrameNum() * 2 + (int)scale * 20) % 720;
		auto start_index = this->face.getNumVertices();
		for (int deg = 0; deg < 360; deg += 1) {

			if ((param < 360 && deg < param) || (param >= 360 && deg > param - 360)) {

				vector<glm::vec3> vertices;
				vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * scale, -15));
				vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * (scale + 0.5), -15));
				vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * (scale + 0.5), -15));
				vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * scale, -15));

				vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * scale, 15));
				vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * (scale + 0.5), 15));
				vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * (scale + 0.5), 15));
				vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * scale, 15));

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

				this->face.addIndex(index + 0); this->face.addIndex(index + 1); this->face.addIndex(index + 2);
				this->face.addIndex(index + 0); this->face.addIndex(index + 2); this->face.addIndex(index + 3);
				this->face.addIndex(index + 4); this->face.addIndex(index + 5); this->face.addIndex(index + 6);
				this->face.addIndex(index + 4); this->face.addIndex(index + 6); this->face.addIndex(index + 7);
				this->face.addIndex(index + 0); this->face.addIndex(index + 4); this->face.addIndex(index + 1);
				this->face.addIndex(index + 4); this->face.addIndex(index + 5); this->face.addIndex(index + 1);
				this->face.addIndex(index + 1); this->face.addIndex(index + 5); this->face.addIndex(index + 6);
				this->face.addIndex(index + 6); this->face.addIndex(index + 2); this->face.addIndex(index + 1);
				this->face.addIndex(index + 2); this->face.addIndex(index + 6); this->face.addIndex(index + 7);
				this->face.addIndex(index + 7); this->face.addIndex(index + 3); this->face.addIndex(index + 2);
				this->face.addIndex(index + 3); this->face.addIndex(index + 7); this->face.addIndex(index + 4);
				this->face.addIndex(index + 4); this->face.addIndex(index + 0); this->face.addIndex(index + 3);

				this->frame.addIndex(index + 0); this->frame.addIndex(index + 3);
				this->frame.addIndex(index + 1); this->frame.addIndex(index + 2);
				this->frame.addIndex(index + 4); this->frame.addIndex(index + 7);
				this->frame.addIndex(index + 5); this->frame.addIndex(index + 6);
			}
		}

		if (this->face.getNumVertices() != start_index) {

			this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 4);
			this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);
			this->frame.addIndex(start_index + 5); this->frame.addIndex(start_index + 1);
			this->frame.addIndex(start_index + 5); this->frame.addIndex(start_index + 4);

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

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

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

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

	ofSetColor(239);
	this->frame.drawWireframe();

	this->cam.end();
}

//--------------------------------------------------------------
// Reference by https://twitter.com/shiffman/status/1095764239665512453
glm::vec2 ofApp::make_point(float theta) {

	float x = 16 * (pow(sin(theta), 3));
	float y = 13 * cos(theta) - 5 * cos(2 * theta) - 2 * cos(3 * theta) - cos(4 * theta);
	return glm::vec2(x, -y);
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

for (float scale = 3; scale < 20; scale += 1) {

auto param = (ofGetFrameNum() * 2 + (int)scale * 20) % 720;

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

for (int deg = 0; deg < 360; deg += 1) {

if ((param < 360 && deg < param) || (param >= 360 && deg > param - 360)) {

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * scale, -15));

vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * (scale + 0.5), -15));

vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * (scale + 0.5), -15));

vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * scale, -15));

vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * scale, 15));

vertices.push_back(glm::vec3(this->make_point(deg * DEG_TO_RAD) * (scale + 0.5), 15));

vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * (scale + 0.5), 15));

vertices.push_back(glm::vec3(this->make_point((deg + 1) * DEG_TO_RAD) * scale, 15));

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

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

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

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

this->face.addIndex(index + 4); this->face.addIndex(index + 5); this->face.addIndex(index + 6);

this->face.addIndex(index + 4); this->face.addIndex(index + 6); this->face.addIndex(index + 7);

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

this->face.addIndex(index + 4); this->face.addIndex(index + 5); this->face.addIndex(index + 1);

this->face.addIndex(index + 1); this->face.addIndex(index + 5); this->face.addIndex(index + 6);

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

this->face.addIndex(index + 2); this->face.addIndex(index + 6); this->face.addIndex(index + 7);

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

this->face.addIndex(index + 3); this->face.addIndex(index + 7); this->face.addIndex(index + 4);

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

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

this->frame.addIndex(index + 1); this->frame.addIndex(index + 2);

this->frame.addIndex(index + 4); this->frame.addIndex(index + 7);

this->frame.addIndex(index + 5); this->frame.addIndex(index + 6);

}

if (this->face.getNumVertices() != start_index) {

this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 4);

this->frame.addIndex(start_index + 0); this->frame.addIndex(start_index + 1);

this->frame.addIndex(start_index + 5); this->frame.addIndex(start_index + 1);

this->frame.addIndex(start_index + 5); this->frame.addIndex(start_index + 4);

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

this->frame.addIndex(this->face.getNumVertices() - 1); this->frame.addIndex(this->face.getNumVertices() - 5);

this->frame.addIndex(this->face.getNumVertices() - 6); this->frame.addIndex(this->face.getNumVertices() - 2);

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

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(ofGetFrameNum());

ofSetColor(39);

this->face.draw();

ofSetColor(239);

this->frame.drawWireframe();

this->cam.end();

}

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

// Reference by https://twitter.com/shiffman/status/1095764239665512453

glm::vec2 ofApp::make_point(float theta) {

float x = 16 * (pow(sin(theta), 3));

float y = 13 * cos(theta) - 5 * cos(2 * theta) - 2 * cos(3 * theta) - cos(4 * theta);

return glm::vec2(x, -y);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年2月13日

Music visualize. openFrameworks

[ Video ]

[ About ]
音楽を可視化。

Music visualize.

[ 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;
	
	ofSoundPlayer sound; // リファレンス https://openframeworks.cc/documentation/sound/ofSoundPlayer/
	vector<float> fft_value;
	vector<float> fft_smoothed;
	int n_bands_to_get;
};

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

ofSoundPlayer sound; // リファレンス https://openframeworks.cc/documentation/sound/ofSoundPlayer/

vector<float> fft_value;

vector<float> fft_smoothed;

int n_bands_to_get;

};

#include "ofApp.h"

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

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

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

	// 公式のexsample/soundに音を扱ったサンプルがあります。
	// 今回はsoundPlayerFFTExampleを参考にしました。
	// https://github.com/openframeworks/openFrameworks/tree/patch-release/examples/sound

	// サウンドデータを指定します。
	// [ProjectDirectory]/bin/data からの相対パスで指定可能です。
	// 上記の意味が分からなければ、絶対パス(ドライブからのフルパス)で指定すれば大丈夫です。
	this->sound.load("sound/This_is_Not_Jazz.mp3");	// https://openframeworks.cc/documentation/sound/ofSoundPlayer/#show_load
	this->sound.play();									// https://openframeworks.cc/documentation/sound/ofSoundPlayer/#show_play

	// 取得した結果を格納する配列の初期化します。
	// 値をそのまま格納する fft_value
	// 値を丸めて格納する fft_smoothed
	this->n_bands_to_get = 128;
	for (int j = 0; j < this->n_bands_to_get; j++) {

		this->fft_value.push_back(0.f);
		this->fft_smoothed.push_back(0.f);
	}
}

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

	ofSoundUpdate();	// https://openframeworks.cc/documentation/sound/ofSoundPlayer/#show_ofSoundUpdate

	// 周波数スペクトルサンプルを取得します。(私も内容は詳しくありません...)
	// 結果がポインタとして返ってきますが、指定した引数の要素数を持つfloat配列のポインタです。
	float* val = ofSoundGetSpectrum(this->n_bands_to_get);	// http://openframeworks.jp/documentation/sound/ofSoundPlayer.html#!show_ofSoundGetSpectrum
	for (int i = 0; i < this->n_bands_to_get; i++) {
		
		// fft_valueは、取得値をそのまま代入。
		this->fft_value[i] = val[i];

		// fft_smoothedは、現状の持っている値を小さくして、取得値と比較、値が大きい方を代入します。
		// これによって、fft_smoothedの値は、滑らかに減少する動きになります。
		this->fft_smoothed[i] *= 0.98f;
		if (this->fft_smoothed[i] < val[i]) {

			this->fft_smoothed[i] = val[i];
		}
	}
}

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

	// fft_valueとfft_smoothedの値を使って描写を行います。
	// 今回は値をボックスを描写する個数、位置として採用しています。
	
	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.5);

	ofColor color;
	for (int i = 0; i < 7; i++) {

		float x = i * 100 - 300;
		float value = this->fft_value[i];
		float tmp_value = 0;

		while (value > tmp_value) {

			ofSetColor(39);
			ofFill();
			ofDrawBox(glm::vec3(x, tmp_value * 100, 0), 75, 20, 75);

			ofSetColor(239);
			ofNoFill();
			ofDrawBox(glm::vec3(x, tmp_value * 100, 0), 75, 20, 75);

			tmp_value += 0.2;
		}

		color.setHsb(ofMap(i, 0, 7, 0, 255), 180, 255);
		ofSetColor(color);
		ofFill();
		ofDrawBox(glm::vec3(x, this->fft_smoothed[i] * 150, 0), 75, 25, 75);

		ofSetColor(39);
		ofNoFill();
		ofDrawBox(glm::vec3(x, this->fft_smoothed[i] * 150, 0), 75, 25, 75);
	}

	this->cam.end();
}

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

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

100

101

102

103

104

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

// 公式のexsample/soundに音を扱ったサンプルがあります。

// 今回はsoundPlayerFFTExampleを参考にしました。

// https://github.com/openframeworks/openFrameworks/tree/patch-release/examples/sound

// サウンドデータを指定します。

// [ProjectDirectory]/bin/data からの相対パスで指定可能です。

// 上記の意味が分からなければ、絶対パス(ドライブからのフルパス)で指定すれば大丈夫です。

this->sound.load("sound/This_is_Not_Jazz.mp3"); // https://openframeworks.cc/documentation/sound/ofSoundPlayer/#show_load

this->sound.play(); // https://openframeworks.cc/documentation/sound/ofSoundPlayer/#show_play

// 取得した結果を格納する配列の初期化します。

// 値をそのまま格納する fft_value

// 値を丸めて格納する fft_smoothed

this->n_bands_to_get = 128;

for (int j = 0; j < this->n_bands_to_get; j++) {

this->fft_value.push_back(0.f);

this->fft_smoothed.push_back(0.f);

}

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

void ofApp::update() {

ofSoundUpdate(); // https://openframeworks.cc/documentation/sound/ofSoundPlayer/#show_ofSoundUpdate

// 周波数スペクトルサンプルを取得します。(私も内容は詳しくありません...)

// 結果がポインタとして返ってきますが、指定した引数の要素数を持つfloat配列のポインタです。

float* val = ofSoundGetSpectrum(this->n_bands_to_get); // http://openframeworks.jp/documentation/sound/ofSoundPlayer.html#!show_ofSoundGetSpectrum

for (int i = 0; i < this->n_bands_to_get; i++) {

// fft_valueは、取得値をそのまま代入。

this->fft_value[i] = val[i];

// fft_smoothedは、現状の持っている値を小さくして、取得値と比較、値が大きい方を代入します。

// これによって、fft_smoothedの値は、滑らかに減少する動きになります。

this->fft_smoothed[i] *= 0.98f;

if (this->fft_smoothed[i] < val[i]) {

this->fft_smoothed[i] = val[i];

}

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

void ofApp::draw() {

// fft_valueとfft_smoothedの値を使って描写を行います。

// 今回は値をボックスを描写する個数、位置として採用しています。

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.5);

ofColor color;

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

float x = i * 100 - 300;

float value = this->fft_value[i];

float tmp_value = 0;

while (value > tmp_value) {

ofSetColor(39);

ofFill();

ofDrawBox(glm::vec3(x, tmp_value * 100, 0), 75, 20, 75);

ofSetColor(239);

ofNoFill();

ofDrawBox(glm::vec3(x, tmp_value * 100, 0), 75, 20, 75);

tmp_value += 0.2;

}

color.setHsb(ofMap(i, 0, 7, 0, 255), 180, 255);

ofSetColor(color);

ofFill();

ofDrawBox(glm::vec3(x, this->fft_smoothed[i] * 150, 0), 75, 25, 75);

ofSetColor(39);

ofNoFill();

ofDrawBox(glm::vec3(x, this->fft_smoothed[i] * 150, 0), 75, 25, 75);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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