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

2021年10月18日2021年10月18日

Transforming characters. Draw by openFrameworks

[ Video ]

[ About ]
2文字の座標を進捗パラメータで往来する。

The coordinates of the two characters come and go with progress parameters.

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

	void draw_blend_charactor(glm::vec3 location, char c1, char c2, float progress);

	int font_size;
	ofTrueTypeFont font;
	vector<char> charactors;
};

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

void draw_blend_charactor(glm::vec3 location, char c1, char c2, float progress);

int font_size;

ofTrueTypeFont font;

vector<char> charactors;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);

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

	this->charactors = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',
	'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',
	'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' };
}

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

	ofSeedRandom(39);
}

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

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

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

		for (int y = -300; y <= 300; y += 60) {

			float noise_value = ofMap(ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.00015), 0, 1, 0, this->charactors.size());
			int index = noise_value;
			int next_index = (index + 1) % this->charactors.size();
			float progress = (noise_value - index) * 100;

			if (progress < 30) {
				
				progress = 0;
			}
			else if (progress < 70) {

				progress = ofMap(progress, 30, 70, 0, 100);
			}
			else {

				progress = 100;
			}

			this->draw_blend_charactor(glm::vec3(x, y, 0), this->charactors[index], this->charactors[next_index], progress);
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_blend_charactor(glm::vec3 location, char c1, char c2, float progress) {

	int total_sample_count = 80;

	ofPushMatrix();
	ofTranslate(location);

	ofPath path = this->font.getCharacterAsPoints(c1, true, false);
	vector<ofPolyline> outline = path.getOutline();
	int sample_count = total_sample_count / outline.size();
	vector<glm::vec3> vertices_1;
	for (int outline_index = 0; outline_index < (int)outline.size(); outline_index++) {

		outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);
		vector<glm::vec3> vertices = outline[outline_index].getVertices();
		for (size_t vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

			vertices_1.push_back(vertices[vertices_index] + glm::vec3(this->font_size * -0.5, this->font_size * 0.5, 0));
		}
	}

	ofPath next_path = this->font.getCharacterAsPoints(c2, true, false);
	vector<ofPolyline> next_outline = next_path.getOutline();
	int next_sample_count = total_sample_count / next_outline.size();
	vector<glm::vec3> vertices_2;
	for (int outline_index = 0; outline_index < (int)next_outline.size(); outline_index++) {

		next_outline[outline_index] = next_outline[outline_index].getResampledByCount(next_sample_count);
		vector<glm::vec3> vertices = next_outline[outline_index].getVertices();
		for (size_t vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

			vertices_2.push_back(vertices[vertices_index] + glm::vec3(this->font_size * -0.5, this->font_size * 0.5, 0));
		}
	}

	vector<glm::vec3> draw_vertices;
	for (int i = 0; i < total_sample_count; i++) {

		if (i < vertices_1.size() && i < vertices_2.size()) {

			glm::vec3 p = (vertices_2[i] - vertices_1[i]) * progress * 0.01 + vertices_1[i];
			draw_vertices.push_back(p);
		}
	}

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

		ofDrawCircle(draw_vertices[i], 2);
	}

	
	ofPopMatrix();
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

this->font_size = 50;

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

this->charactors = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',

'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',

'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' };

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

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

for (int y = -300; y <= 300; y += 60) {

float noise_value = ofMap(ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.00015), 0, 1, 0, this->charactors.size());

int index = noise_value;

int next_index = (index + 1) % this->charactors.size();

float progress = (noise_value - index) * 100;

if (progress < 30) {

progress = 0;

}

else if (progress < 70) {

progress = ofMap(progress, 30, 70, 0, 100);

}

else {

progress = 100;

}

this->draw_blend_charactor(glm::vec3(x, y, 0), this->charactors[index], this->charactors[next_index], progress);

}

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

void ofApp::draw_blend_charactor(glm::vec3 location, char c1, char c2, float progress) {

int total_sample_count = 80;

ofPushMatrix();

ofTranslate(location);

ofPath path = this->font.getCharacterAsPoints(c1, true, false);

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

int sample_count = total_sample_count / outline.size();

vector<glm::vec3> vertices_1;

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

outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);

vector<glm::vec3> vertices = outline[outline_index].getVertices();

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

vertices_1.push_back(vertices[vertices_index] + glm::vec3(this->font_size * -0.5, this->font_size * 0.5, 0));

}

ofPath next_path = this->font.getCharacterAsPoints(c2, true, false);

vector<ofPolyline> next_outline = next_path.getOutline();

int next_sample_count = total_sample_count / next_outline.size();

vector<glm::vec3> vertices_2;

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

next_outline[outline_index] = next_outline[outline_index].getResampledByCount(next_sample_count);

vector<glm::vec3> vertices = next_outline[outline_index].getVertices();

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

vertices_2.push_back(vertices[vertices_index] + glm::vec3(this->font_size * -0.5, this->font_size * 0.5, 0));

}

vector<glm::vec3> draw_vertices;

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

if (i < vertices_1.size() && i < vertices_2.size()) {

glm::vec3 p = (vertices_2[i] - vertices_1[i]) * progress * 0.01 + vertices_1[i];

draw_vertices.push_back(p);

}

ofFill();

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

ofDrawCircle(draw_vertices[i], 2);

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年10月17日2021年10月17日

Stacking boxes. Draw by openFrameworks

[ Video ]

[ About ]
ofMeshを使えとofDrawBox()ではできなかった量のBox描写が出来るようになった。

Using ofMesh, it is now possible to draw the amount of boxes that ofDrawBox() could not.

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

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

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

	ofSeedRandom(39);

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

	auto size = 50;
	for (int x = -1000; x <= 1000; x += size) {

		for (int y = -1000; y <= 1000; y += size) {

			auto height = ofMap(ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.01), 0, 1, 50, 1000);

			for (int z = 0; z <= height; z += size) {

				ofColor fill_color(ofMap(z, 0, 1000, 239, 39));
				this->setBoxToMesh(this->face, this->frame, glm::vec3(x, y, z), size, fill_color, ofColor(239));
			}
		}

	}
}

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

	this->cam.begin();

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

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

		face_target.addColor(face_color);
		frame_target.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

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

auto size = 50;

for (int x = -1000; x <= 1000; x += size) {

for (int y = -1000; y <= 1000; y += size) {

auto height = ofMap(ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.01), 0, 1, 50, 1000);

for (int z = 0; z <= height; z += size) {

ofColor fill_color(ofMap(z, 0, 1000, 239, 39));

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

}

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

void ofApp::draw() {

this->cam.begin();

this->face.draw();

this->frame.draw();

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

face_target.addColor(face_color);

frame_target.addColor(frame_color);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年10月13日

Circle to twisted circle. Draw by openFrameworks

[ Video ]

[ About ]
大きな円と座標をねじった小さい円を線でつなぐ。

Connect a large circle and a small circle with twisted coordinates with a 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) {};

};

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

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetColor(39);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

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

	int radius = 80;
	bool flag = true;
	for (int x = -225; x <= 225; x += 225) {

		for (int y = -225; y <= 225; y += 225) {

			ofPushMatrix();
			ofTranslate(x, y);

			float noise_seed_x = ofRandom(1000);
			float noise_seed_y = ofRandom(1000);
			float noise_seed_z = ofRandom(1000);
			for (int deg = 0; deg < 360; deg += 10) {

				auto location_1 = glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0);
				auto location_2 = glm::vec3(radius * 0.3 * cos(deg * DEG_TO_RAD), radius * 0.3 * sin(deg * DEG_TO_RAD), 0);

				auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_z, location_1.x * 0.0015, location_1.y * 0.0015, ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(0, 0, 1));
				auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_y, location_1.x * 0.0015, location_1.y * 0.0015, ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(0, 1, 0));
				auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_x, location_1.x * 0.0015, location_1.x * 0.0015, ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));
				

				if (true) {

					location_2 = glm::vec4(location_2, 0) * rotation_y * rotation_x;
				}
				else {

					location_1 = glm::vec4(location_1, 0) * rotation_y * rotation_x;
				}

				ofDrawLine(location_1, location_2);

				ofDrawCircle(location_1, 3);
				ofDrawCircle(location_2, 2);
			}

			ofPopMatrix();

			flag = !flag;
		}
	}
}


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

int radius = 80;

bool flag = true;

for (int x = -225; x <= 225; x += 225) {

for (int y = -225; y <= 225; y += 225) {

ofPushMatrix();

ofTranslate(x, y);

float noise_seed_x = ofRandom(1000);

float noise_seed_y = ofRandom(1000);

float noise_seed_z = ofRandom(1000);

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

auto location_1 = glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0);

auto location_2 = glm::vec3(radius * 0.3 * cos(deg * DEG_TO_RAD), radius * 0.3 * sin(deg * DEG_TO_RAD), 0);

auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_z, location_1.x * 0.0015, location_1.y * 0.0015, ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(0, 0, 1));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_y, location_1.x * 0.0015, location_1.y * 0.0015, ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(0, 1, 0));

auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_x, location_1.x * 0.0015, location_1.x * 0.0015, ofGetFrameNum() * 0.005), 0, 1, -PI * 2, PI * 2), glm::vec3(1, 0, 0));

if (true) {

location_2 = glm::vec4(location_2, 0) * rotation_y * rotation_x;

}

else {

location_1 = glm::vec4(location_1, 0) * rotation_y * rotation_x;

}

ofDrawLine(location_1, location_2);

ofDrawCircle(location_1, 3);

ofDrawCircle(location_2, 2);

}

ofPopMatrix();

flag = !flag;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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