数学デッサン教室 – ページ 8 – プログラミング de 落描き

2019年11月21日2019年11月21日

Separation torus. openFrameworks

[ Video ]

[ About ]
トーラスをバラバラにする。

Separation torus.

[ 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::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh face_mesh, frame_mesh;
};

#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::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh face_mesh, frame_mesh;

};

#include "ofApp.h"

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

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

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

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

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

	ofSeedRandom(39);

	this->face_mesh.clear();
	this->frame_mesh.clear();

	auto R = 100.f;
	auto u = 0.f;
	auto u_step = 10.f;
	auto v_step = 5.f;

	ofColor color_1, color_2;
	for (int i = 0; i < 36; i++) {

		auto r = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, 10, 30);

		float angle_z = (i * 5) * DEG_TO_RAD;
		auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

		color_1.setHsb(ofMap(i, 0, 36, 0, 255), 200, 255);
		color_2.setHsb(ofMap((i + 1) % 36, 0, 36, 0, 255), 200, 255);		

		for (auto v = 0; v < 360; v += v_step) {
		
			vector<glm::vec3> vertices{ 
				glm::vec4(this->make_point(R, r, u, v), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, u + u_step, v + v_step), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, u, v + v_step), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, u - u_step, v), 0) * rotation_z
			};

			this->face_mesh.addVertices(vertices);
			this->frame_mesh.addVertices(vertices);

			auto index = this->face_mesh.getVertices().size() - 1;

			this->face_mesh.addIndex(index - 3); this->face_mesh.addIndex(index - 2); this->face_mesh.addIndex(index - 1);
			this->face_mesh.addIndex(index); this->face_mesh.addIndex(index - 3); this->face_mesh.addIndex(index - 1);

			this->frame_mesh.addIndex(index - 3); this->frame_mesh.addIndex(index - 2);
			this->frame_mesh.addIndex(index); this->frame_mesh.addIndex(index - 1);

			u += u_step;
		}
	}
}

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

	this->cam.begin();

	ofSetColor(239);
	this->face_mesh.draw();

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

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}


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

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

100

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face_mesh.clear();

this->frame_mesh.clear();

auto R = 100.f;

auto u = 0.f;

auto u_step = 10.f;

auto v_step = 5.f;

ofColor color_1, color_2;

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

auto r = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.005), 0, 1, 10, 30);

float angle_z = (i * 5) * DEG_TO_RAD;

auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

color_1.setHsb(ofMap(i, 0, 36, 0, 255), 200, 255);

color_2.setHsb(ofMap((i + 1) % 36, 0, 36, 0, 255), 200, 255);

for (auto v = 0; v < 360; v += v_step) {

vector<glm::vec3> vertices{

glm::vec4(this->make_point(R, r, u, v), 0) * rotation_z,

glm::vec4(this->make_point(R, r, u + u_step, v + v_step), 0) * rotation_z,

glm::vec4(this->make_point(R, r, u, v + v_step), 0) * rotation_z,

glm::vec4(this->make_point(R, r, u - u_step, v), 0) * rotation_z

};

this->face_mesh.addVertices(vertices);

this->frame_mesh.addVertices(vertices);

auto index = this->face_mesh.getVertices().size() - 1;

this->face_mesh.addIndex(index - 3); this->face_mesh.addIndex(index - 2); this->face_mesh.addIndex(index - 1);

this->face_mesh.addIndex(index); this->face_mesh.addIndex(index - 3); this->face_mesh.addIndex(index - 1);

this->frame_mesh.addIndex(index - 3); this->frame_mesh.addIndex(index - 2);

this->frame_mesh.addIndex(index); this->frame_mesh.addIndex(index - 1);

u += u_step;

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(239);

this->face_mesh.draw();

ofSetColor(39);

this->frame_mesh.draw();

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年10月30日2019年10月30日

Twisting ring. openFrameworks

[ Video ]

[ About ]
ねじれる輪。

Twisting ring.

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

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh mesh;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh mesh;

};

#include "ofApp.h"

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

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

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

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

	ofSeedRandom(39);

	this->mesh.clear();

	ofColor color_1, color_2;
	color_1.setHex(0xedf165);
	color_2.setHex(0x0e0b9d);
	for (auto deg = 0; deg < 360; deg += 1) {

		auto noise_location = glm::vec2(cos(deg * DEG_TO_RAD), sin(deg * DEG_TO_RAD));
		int u = ofMap(ofNoise(noise_location.x * 0.5, noise_location.y * 0.5, ofGetFrameNum() * 0.01), 0, 1, 0, 720);

		this->mesh.addVertex(this->make_point(250, 50, (u), deg));
		this->mesh.addColor(color_1);
		this->mesh.addVertex(this->make_point(250, 50, (u + 180), deg));
		this->mesh.addColor(color_2);
	}

	for (auto i = 0; i < this->mesh.getVertices().size(); i += 2) {

		auto index_0 = i;
		auto index_1 = (i + 1) % mesh.getVertices().size();
		auto index_2 = (i + 2) % mesh.getVertices().size();
		auto index_3 = (i + 3) % mesh.getVertices().size();

		mesh.addIndex(index_0);
		mesh.addIndex(index_1);
		mesh.addIndex(index_2);

		mesh.addIndex(index_3);
		mesh.addIndex(index_1);
		mesh.addIndex(index_2);
	}
}

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

	this->cam.begin();

	this->mesh.draw();

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

this->mesh.clear();

ofColor color_1, color_2;

color_1.setHex(0xedf165);

color_2.setHex(0x0e0b9d);

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

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

int u = ofMap(ofNoise(noise_location.x * 0.5, noise_location.y * 0.5, ofGetFrameNum() * 0.01), 0, 1, 0, 720);

this->mesh.addVertex(this->make_point(250, 50, (u), deg));

this->mesh.addColor(color_1);

this->mesh.addVertex(this->make_point(250, 50, (u + 180), deg));

this->mesh.addColor(color_2);

}

for (auto i = 0; i < this->mesh.getVertices().size(); i += 2) {

auto index_0 = i;

auto index_1 = (i + 1) % mesh.getVertices().size();

auto index_2 = (i + 2) % mesh.getVertices().size();

auto index_3 = (i + 3) % mesh.getVertices().size();

mesh.addIndex(index_0);

mesh.addIndex(index_1);

mesh.addIndex(index_2);

mesh.addIndex(index_3);

mesh.addIndex(index_1);

mesh.addIndex(index_2);

}

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

void ofApp::draw() {

this->cam.begin();

this->mesh.draw();

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年10月16日2019年10月16日

Colorfull torus. openFrameworks

[ Video ]

[ About ]
カラフルなトーラス。

Colorfull torus.

[ 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::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh mesh;
};

#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::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh mesh;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();
}

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

	this->mesh.clear();

	auto R = 100.f;
	auto r = 20.f;
	auto u = 0.f;
	auto u_step = 10.f;
	auto v_step = 5.f;

	ofColor color_1, color_2;
	for (int i = 0; i < 36; i++) {

		float angle = (i * 5) * DEG_TO_RAD;
		auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(0, 0, 1));
		
		color_1.setHsb(ofMap((i + ofGetFrameNum()) % 36, 0, 36, 0, 255), 200, 255);
		color_2.setHsb(ofMap((i + 1 + ofGetFrameNum()) % 36, 0, 36, 0, 255), 200, 255);

		for (auto v = 0; v < 360; v += v_step) {

			this->mesh.addVertex(glm::vec4(this->make_point(R, r, u, v), 0) * rotation);
			this->mesh.addColor(color_2);
			this->mesh.addVertex(glm::vec4(this->make_point(R, r, u + u_step, v + v_step), 0) * rotation);
			this->mesh.addColor(color_2);
			this->mesh.addVertex(glm::vec4(this->make_point(R, r, u, v + v_step), 0) * rotation);
			this->mesh.addColor(color_1);
			this->mesh.addVertex(glm::vec4(this->make_point(R, r, u - u_step, v), 0) * rotation);
			this->mesh.addColor(color_1);

			auto index = this->mesh.getVertices().size() - 1;

			this->mesh.addIndex(index - 3);
			this->mesh.addIndex(index - 2);
			this->mesh.addIndex(index - 1);

			this->mesh.addIndex(index);
			this->mesh.addIndex(index - 3);
			this->mesh.addIndex(index - 1);

			u += u_step;
		}
	}
}

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

	this->cam.begin();
	
	auto count = 0;
	for (auto x = -300; x <= 300; x += 300) {

		for (auto y = -300; y <= 300; y += 300) {

			ofPushMatrix();
			ofTranslate(x, y);
			ofRotateY(ofGetFrameNum() + count * 90);

			this->mesh.draw();

			ofPopMatrix();

			count++;
		}
	}

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

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

100

101

102

103

104

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofEnableDepthTest();

}

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

void ofApp::update() {

this->mesh.clear();

auto R = 100.f;

auto r = 20.f;

auto u = 0.f;

auto u_step = 10.f;

auto v_step = 5.f;

ofColor color_1, color_2;

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

float angle = (i * 5) * DEG_TO_RAD;

auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(0, 0, 1));

color_1.setHsb(ofMap((i + ofGetFrameNum()) % 36, 0, 36, 0, 255), 200, 255);

color_2.setHsb(ofMap((i + 1 + ofGetFrameNum()) % 36, 0, 36, 0, 255), 200, 255);

for (auto v = 0; v < 360; v += v_step) {

this->mesh.addVertex(glm::vec4(this->make_point(R, r, u, v), 0) * rotation);

this->mesh.addColor(color_2);

this->mesh.addVertex(glm::vec4(this->make_point(R, r, u + u_step, v + v_step), 0) * rotation);

this->mesh.addColor(color_2);

this->mesh.addVertex(glm::vec4(this->make_point(R, r, u, v + v_step), 0) * rotation);

this->mesh.addColor(color_1);

this->mesh.addVertex(glm::vec4(this->make_point(R, r, u - u_step, v), 0) * rotation);

this->mesh.addColor(color_1);

auto index = this->mesh.getVertices().size() - 1;

this->mesh.addIndex(index - 3);

this->mesh.addIndex(index - 2);

this->mesh.addIndex(index - 1);

this->mesh.addIndex(index);

this->mesh.addIndex(index - 3);

this->mesh.addIndex(index - 1);

u += u_step;

}

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

void ofApp::draw() {

this->cam.begin();

auto count = 0;

for (auto x = -300; x <= 300; x += 300) {

for (auto y = -300; y <= 300; y += 300) {

ofPushMatrix();

ofTranslate(x, y);

ofRotateY(ofGetFrameNum() + count * 90);

this->mesh.draw();

ofPopMatrix();

count++;

}

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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