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

2021年8月12日2021年8月12日

From inside of torus. Draw by openFrameworks

[ Video ]

[ About ]
ノイズ関数で動いているトーラス内にカメラを移動する。

Move the camera into the torus, which is moving with the noise function.

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

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

};

#include "ofApp.h"

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

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

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

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

}

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

	this->cam.begin();
	ofRotateX(90);
	ofRotateZ(ofGetFrameNum() * 3);

	int v_span = 1;
	int u_span = 30;

	ofMesh face, line;
	line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

	for (int v = 0; v <= 360; v += v_span) {

		bool flag = true;
		int u_start = ofMap(ofNoise(200 * cos(v * DEG_TO_RAD) * 0.002, 200 * sin(v * DEG_TO_RAD) * 0.002, ofGetFrameNum() * 0.003), 0, 1, -360, 360);
		int next_u = ofMap(ofNoise(200 * cos((v + v_span) * DEG_TO_RAD) * 0.002, 200 * sin((v + v_span) * DEG_TO_RAD) * 0.002, ofGetFrameNum() * 0.003), 0, 1, -360, 360);
		for (int u = u_start; u < u_start + 360; u += u_span) {

			if (flag) {

				face.addVertex(this->make_point(200, 70, u, v));
				face.addVertex(this->make_point(200, 70, u + u_span, v));
				face.addVertex(this->make_point(200, 70, next_u + u_span, v + v_span));
				face.addVertex(this->make_point(200, 70, next_u, v + v_span));

				line.addVertex(this->make_point(200, 70, u, v));
				line.addVertex(this->make_point(200, 70, u + u_span, v));
				line.addVertex(this->make_point(200, 70, next_u + u_span, v + v_span));
				line.addVertex(this->make_point(200, 70, next_u, v + v_span));

				ofColor color = ofColor(39);
				color.setHsb(ofMap(v, 0, 360, 0, 255), 150, 255);

				face.addColor(color);
				face.addColor(color);
				face.addColor(color);
				face.addColor(color);

				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 3);
				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

				line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 4);
				line.addIndex(line.getNumVertices() - 2); line.addIndex(line.getNumVertices() - 3);
			}

			next_u += u_span;
			flag = !flag;
		}
	}

	face.drawFaces();

	ofSetColor(39);
	line.drawWireframe();

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

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(90);

ofRotateZ(ofGetFrameNum() * 3);

int v_span = 1;

int u_span = 30;

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

for (int v = 0; v <= 360; v += v_span) {

bool flag = true;

int u_start = ofMap(ofNoise(200 * cos(v * DEG_TO_RAD) * 0.002, 200 * sin(v * DEG_TO_RAD) * 0.002, ofGetFrameNum() * 0.003), 0, 1, -360, 360);

int next_u = ofMap(ofNoise(200 * cos((v + v_span) * DEG_TO_RAD) * 0.002, 200 * sin((v + v_span) * DEG_TO_RAD) * 0.002, ofGetFrameNum() * 0.003), 0, 1, -360, 360);

for (int u = u_start; u < u_start + 360; u += u_span) {

if (flag) {

face.addVertex(this->make_point(200, 70, u, v));

face.addVertex(this->make_point(200, 70, u + u_span, v));

face.addVertex(this->make_point(200, 70, next_u + u_span, v + v_span));

face.addVertex(this->make_point(200, 70, next_u, v + v_span));

line.addVertex(this->make_point(200, 70, u, v));

line.addVertex(this->make_point(200, 70, u + u_span, v));

line.addVertex(this->make_point(200, 70, next_u + u_span, v + v_span));

line.addVertex(this->make_point(200, 70, next_u, v + v_span));

ofColor color = ofColor(39);

color.setHsb(ofMap(v, 0, 360, 0, 255), 150, 255);

face.addColor(color);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 3);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 4);

line.addIndex(line.getNumVertices() - 2); line.addIndex(line.getNumVertices() - 3);

}

next_u += u_span;

flag = !flag;

}

face.drawFaces();

ofSetColor(39);

line.drawWireframe();

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

2021年8月11日2021年8月11日

Transformation sphere. Draw by openFrameworks

[ Video ]

[ About ]
昨日のソースコードから3行ほど変更をしました。
少しの変更でも見た目が大きく変化するのが楽しいです。

I changed about three lines from yesterday’s source code.
It’s fun to see how a small change can make a big difference in appearance.

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

	ofMesh mesh, draw_mesh, line_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) {};

ofEasyCam cam;

ofMesh mesh, draw_mesh, line_mesh;

};

#include "ofApp.h"

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

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

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

	auto ico_sphere = ofIcoSpherePrimitive(300, 3);
	this->mesh = ico_sphere.getMesh();
}

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

	this->draw_mesh = this->mesh;
	this->line_mesh = this->mesh;

	for (int i = 0; i < this->draw_mesh.getNumVertices(); i++) {

		glm::vec3 vertex = this->draw_mesh.getVertex(i);
		//auto noise_value = ofNoise(glm::vec4(vertex * 0.003, ofGetFrameNum() * 0.005));
		auto noise_value = ofNoise(glm::vec2(i * 0.001, ofGetFrameNum() * 0.008));

		ofColor color = ofColor(239);

		if (noise_value < 0.5) {

			if (noise_value < 0.4) {

				vertex = glm::normalize(vertex) * 250; // 0 -> 250
				color = ofColor(0);
			}
			else {

				vertex = glm::normalize(vertex) * ofMap(noise_value, 0.4, 0.5, 250, 300); // 0 -> 250
				color = ofColor(ofMap(noise_value, 0.4, 0.5, 0, 239));
			}
		}

		this->draw_mesh.setVertex(i, vertex);
		this->line_mesh.setVertex(i, vertex);
		this->draw_mesh.addColor(color);

	}
}

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

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

	this->draw_mesh.draw();

	ofSetColor(0);
	this->line_mesh.drawWireframe();

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

auto ico_sphere = ofIcoSpherePrimitive(300, 3);

this->mesh = ico_sphere.getMesh();

}

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

void ofApp::update() {

this->draw_mesh = this->mesh;

this->line_mesh = this->mesh;

for (int i = 0; i < this->draw_mesh.getNumVertices(); i++) {

glm::vec3 vertex = this->draw_mesh.getVertex(i);

//auto noise_value = ofNoise(glm::vec4(vertex * 0.003, ofGetFrameNum() * 0.005));

auto noise_value = ofNoise(glm::vec2(i * 0.001, ofGetFrameNum() * 0.008));

ofColor color = ofColor(239);

if (noise_value < 0.5) {

if (noise_value < 0.4) {

vertex = glm::normalize(vertex) * 250; // 0 -> 250

color = ofColor(0);

}

else {

vertex = glm::normalize(vertex) * ofMap(noise_value, 0.4, 0.5, 250, 300); // 0 -> 250

color = ofColor(ofMap(noise_value, 0.4, 0.5, 0, 239));

}

this->draw_mesh.setVertex(i, vertex);

this->line_mesh.setVertex(i, vertex);

this->draw_mesh.addColor(color);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(ofGetFrameNum() * 0.37);

ofRotateY(ofGetFrameNum() * 0.72);

this->draw_mesh.draw();

ofSetColor(0);

this->line_mesh.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年8月10日2021年8月10日

Concave Sphere. Draw by openFrameworks

[ Video ]

[ About ]
ofIcoSphereからofIcoSphere.getMesh()取得したメッシュにofMesh.setVertex(index, vertex)で各頂点を上書きして形を変形させる。

ofMesh.setVertex(index, vertex) is used to overwrite each vertex on the mesh obtained from ofIcoSphere.getMesh() to deform the shape.

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

	ofMesh mesh, draw_mesh, line_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) {};

ofEasyCam cam;

ofMesh mesh, draw_mesh, line_mesh;

};

#include "ofApp.h"

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

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

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

	auto ico_sphere = ofIcoSpherePrimitive(300, 3);
	this->mesh = ico_sphere.getMesh();
}

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

	this->draw_mesh = this->mesh;
	this->line_mesh = this->mesh;

	for (int i = 0; i < this->draw_mesh.getNumVertices(); i++) {

		glm::vec3 vertex = this->draw_mesh.getVertex(i);
		auto noise_value = ofNoise(glm::vec4(vertex * 0.005, ofGetFrameNum() * 0.005));

		ofColor color = ofColor(239);

		if (noise_value < 0.5) {

			if (noise_value < 0.4) {

				vertex = glm::normalize(vertex) * 0;
				color = ofColor(0);
			}
			else {

				vertex = glm::normalize(vertex) * ofMap(noise_value, 0.4, 0.5, 0, 300);
				color = ofColor(ofMap(noise_value, 0.4, 0.5, 0, 239));
			}
		}

		this->draw_mesh.setVertex(i, vertex);
		this->line_mesh.setVertex(i, vertex);
		this->draw_mesh.addColor(color);

	}
}

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

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

	this->draw_mesh.draw();

	ofSetColor(39);
	this->line_mesh.drawWireframe();

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

auto ico_sphere = ofIcoSpherePrimitive(300, 3);

this->mesh = ico_sphere.getMesh();

}

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

void ofApp::update() {

this->draw_mesh = this->mesh;

this->line_mesh = this->mesh;

for (int i = 0; i < this->draw_mesh.getNumVertices(); i++) {

glm::vec3 vertex = this->draw_mesh.getVertex(i);

auto noise_value = ofNoise(glm::vec4(vertex * 0.005, ofGetFrameNum() * 0.005));

ofColor color = ofColor(239);

if (noise_value < 0.5) {

if (noise_value < 0.4) {

vertex = glm::normalize(vertex) * 0;

color = ofColor(0);

}

else {

vertex = glm::normalize(vertex) * ofMap(noise_value, 0.4, 0.5, 0, 300);

color = ofColor(ofMap(noise_value, 0.4, 0.5, 0, 239));

}

this->draw_mesh.setVertex(i, vertex);

this->line_mesh.setVertex(i, vertex);

this->draw_mesh.addColor(color);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(ofGetFrameNum() * 0.37);

ofRotateY(ofGetFrameNum() * 0.72);

this->draw_mesh.draw();

ofSetColor(39);

this->line_mesh.drawWireframe();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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