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

2022年11月4日

Rings torus. Draw by openFrameworks

[ Video ]

[ About ]
輪のトーラス。

[ 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(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(0);
	ofSetLineWidth(1);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

	int v_span = 8;
	int u_span = 30;
	int R = 200;

	ofMesh face, line;
	line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	
	for (int r = 60; r > 10; r -= 5) {

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

			auto u_start = ofMap(ofNoise(glm::vec3(R * cos(v * DEG_TO_RAD) * 0.01, R * sin(v * DEG_TO_RAD) * 0.01, r * 0.01 + ofGetFrameNum() * 0.0075)), 0, 1, -360, 360);
			for (int u = u_start; u < u_start + 180; u += u_span) {

				face.addVertex(this->make_point(R, r, u, v));
				face.addVertex(this->make_point(R, r, u + u_span, v));
				face.addVertex(this->make_point(R, r, u + u_span, v + v_span * 0.5));
				face.addVertex(this->make_point(R, r, u, v + v_span * 0.5));

				line.addVertex(this->make_point(R, r, u, v));
				line.addVertex(this->make_point(R, r, u + u_span, v));
				line.addVertex(this->make_point(R, r, u + u_span, v + v_span * 0.5));
				line.addVertex(this->make_point(R, r, u, v + v_span * 0.5));

				ofColor face_color = ofColor(ofMap(r, 10, 60, 255, 0));
				ofColor line_color = ofColor(255);

				face.addColor(face_color);
				face.addColor(face_color);
				face.addColor(face_color);
				face.addColor(face_color);

				line.addColor(line_color);
				line.addColor(line_color);
				line.addColor(line_color);
				line.addColor(line_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);

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

			}
		}
	}

	face.drawFaces();
	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());
}

100

101

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(1);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

int v_span = 8;

int u_span = 30;

int R = 200;

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

for (int r = 60; r > 10; r -= 5) {

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

auto u_start = ofMap(ofNoise(glm::vec3(R * cos(v * DEG_TO_RAD) * 0.01, R * sin(v * DEG_TO_RAD) * 0.01, r * 0.01 + ofGetFrameNum() * 0.0075)), 0, 1, -360, 360);

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

face.addVertex(this->make_point(R, r, u, v));

face.addVertex(this->make_point(R, r, u + u_span, v));

face.addVertex(this->make_point(R, r, u + u_span, v + v_span * 0.5));

face.addVertex(this->make_point(R, r, u, v + v_span * 0.5));

line.addVertex(this->make_point(R, r, u, v));

line.addVertex(this->make_point(R, r, u + u_span, v));

line.addVertex(this->make_point(R, r, u + u_span, v + v_span * 0.5));

line.addVertex(this->make_point(R, r, u, v + v_span * 0.5));

ofColor face_color = ofColor(ofMap(r, 10, 60, 255, 0));

ofColor line_color = ofColor(255);

face.addColor(face_color);

line.addColor(line_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);

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

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

}

face.drawFaces();

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

2022年11月3日

Overlap rings. Draw by openFrameworks

[ Video ]

[ About ]
輪を重ね合わせる。

[ 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 setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, 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 setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color);

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(0);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);

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

	ofColor color;
	for (float radius = 200; radius <= 400; radius += 2) {

		auto rotation = glm::vec3(ofRandom(360), ofRandom(360), ofRandom(360));
		rotation.x += ofRandom(0.2, 2) * ofGetFrameNum();
		rotation.y += ofRandom(0.2, 2) * ofGetFrameNum();
		rotation.z += ofRandom(0.2, 2) * ofGetFrameNum();

		color.setHsb((int)(radius + ofGetFrameNum() * 3) % 255, 230, 255);
		this->setRingToMesh(this->face, this->frame, glm::vec3(), rotation, radius, radius * 0.1, ofColor(0), color);
	}
}

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

	this->cam.begin();
	//ofRotateY(ofGetFrameNum() * 1.33333333333);

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

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color) {

	int index = face_target.getNumVertices();

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

		vector<glm::vec3> vertices;
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3(radius * cos((deg + 10) * DEG_TO_RAD), radius * sin((deg + 10) * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3(radius * cos((deg + 10) * DEG_TO_RAD), radius * sin((deg + 10) * DEG_TO_RAD), height * 0.5));
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height * 0.5));

		for (auto& vertex : vertices) {

			auto rotation_x = glm::rotate(glm::mat4(), rotation.x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), rotation.y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
			auto rotation_z = glm::rotate(glm::mat4(), rotation.z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

			vertex = glm::vec4(vertex, 0) * rotation_y * rotation_x + glm::vec4(location, 0);
		}

		auto face_index = face_target.getNumVertices();
		face_target.addVertices(vertices);

		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);
		face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 3);

		auto frame_index = frame_target.getNumVertices();
		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 3);

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

			face_target.addColor(face_color);
			frame_target.addColor(frame_color);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

ofColor color;

for (float radius = 200; radius <= 400; radius += 2) {

auto rotation = glm::vec3(ofRandom(360), ofRandom(360), ofRandom(360));

rotation.x += ofRandom(0.2, 2) * ofGetFrameNum();

rotation.y += ofRandom(0.2, 2) * ofGetFrameNum();

rotation.z += ofRandom(0.2, 2) * ofGetFrameNum();

color.setHsb((int)(radius + ofGetFrameNum() * 3) % 255, 230, 255);

this->setRingToMesh(this->face, this->frame, glm::vec3(), rotation, radius, radius * 0.1, ofColor(0), color);

}

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

void ofApp::draw() {

this->cam.begin();

//ofRotateY(ofGetFrameNum() * 1.33333333333);

this->face.draw();

this->frame.drawWireframe();

this->cam.end();

}

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

void ofApp::setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 rotation, float radius, float height, ofColor face_color, ofColor frame_color) {

int index = face_target.getNumVertices();

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

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3(radius * cos((deg + 10) * DEG_TO_RAD), radius * sin((deg + 10) * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3(radius * cos((deg + 10) * DEG_TO_RAD), radius * sin((deg + 10) * DEG_TO_RAD), height * 0.5));

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height * 0.5));

for (auto& vertex : vertices) {

auto rotation_x = glm::rotate(glm::mat4(), rotation.x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), rotation.y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), rotation.z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

vertex = glm::vec4(vertex, 0) * rotation_y * rotation_x + glm::vec4(location, 0);

}

auto face_index = face_target.getNumVertices();

face_target.addVertices(vertices);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2);

face_target.addIndex(face_index + 0); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 3);

auto frame_index = frame_target.getNumVertices();

frame_target.addVertices(vertices);

frame_target.addIndex(frame_index + 0); frame_target.addIndex(frame_index + 1);

frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 3);

for (int i = 0; i < vertices.size(); 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/Insta20221103

2022年11月2日

Red and blue box. Draw by openFrameworks

[ Video ]

[ About ]
赤と青。

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

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

ofEasyCam cam;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetColor(5);
	ofEnableDepthTest();
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

	int span = 30;
	int size = span * 0.75;

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

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

		auto color = color_list[i];
		auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

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

			auto noise_y = ofMap(ofNoise(noise_seed.x, x * 0.003 + ofGetFrameNum() * 0.005), 0, 1, span * -12, span * 12);

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

				auto gap_y = abs(noise_y - y);
				auto alpha = 0;
				if (gap_y <= span * 3) {

					alpha = ofMap(gap_y, 0, span * 3, 255, 0);
				}
				auto height = ofMap(alpha, 0, 255, 0, span * 6);

				if (alpha > 0) {

					ofFill();
					ofSetColor(ofColor(0));
					ofDrawBox(glm::vec3(x, y, height * 0.5), size, size, height);

					ofNoFill();
					ofSetColor(color);
					ofDrawBox(glm::vec3(x, y, height * 0.5), size, size, height);
				}

				ofSetColor(128);
				ofDrawRectangle(x, y, size, size);
			}
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetColor(5);

ofEnableDepthTest();

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

int span = 30;

int size = span * 0.75;

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

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

auto color = color_list[i];

auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

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

auto noise_y = ofMap(ofNoise(noise_seed.x, x * 0.003 + ofGetFrameNum() * 0.005), 0, 1, span * -12, span * 12);

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

auto gap_y = abs(noise_y - y);

auto alpha = 0;

if (gap_y <= span * 3) {

alpha = ofMap(gap_y, 0, span * 3, 255, 0);

}

auto height = ofMap(alpha, 0, 255, 0, span * 6);

if (alpha > 0) {

ofFill();

ofSetColor(ofColor(0));

ofDrawBox(glm::vec3(x, y, height * 0.5), size, size, height);

ofNoFill();

ofSetColor(color);

ofDrawBox(glm::vec3(x, y, height * 0.5), size, size, height);

}

ofSetColor(128);

ofDrawRectangle(x, y, size, size);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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