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

2022年8月22日2022年8月22日

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

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

ofEasyCam cam;

ofIcoSpherePrimitive ico_sphere;

ofMesh mesh, frame;

};

#include "ofApp.h"

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

	ofSetFrameRate(40);
	ofSetWindowTitle("openFrameworks");

	ofBackground(0);
	ofEnableDepthTest();

	this->ico_sphere = ofIcoSpherePrimitive(65, 3);
	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);

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

	int radius_start = 65;
	int radius_len = 115;
	int radius_max = radius_start + radius_len;
	for (auto& triangle : this->ico_sphere.getMesh().getUniqueFaces()) {

		auto avg = (triangle.getVertex(0) + triangle.getVertex(1) + triangle.getVertex(2)) / 3;
		auto power = ofGetFrameNum() % 120 < 10 ? 0 : ofGetFrameNum() % 120 < 60 ? ofMap(ofGetFrameNum() % 120, 10, 60, 0, 1) : ofGetFrameNum() % 120 < 70 ? 1 : ofMap(ofGetFrameNum() % 120, 70, 120, 1, 0);

		auto noise_value = ofNoise(glm::vec4(avg * 0.03, ofGetFrameNum() * 0.01));
		int radius_end =  radius_start + ofMap(noise_value, 0, 1, 0, radius_len) * power;


		
		this->frame.addVertex(glm::vec3());
		for (int radius = radius_start; radius <= radius_end; radius += 1) {

			auto mesh_index = this->mesh.getNumVertices();
			auto frame_index = this->frame.getNumVertices();

			auto param = ofMap(radius, radius_start, radius_max, 0, PI * 0.1);

			auto angle_x = ofMap(ofNoise(avg.x * 0.8, radius * 0.03 + ofGetFrameNum() * 0.02), 0, 1, -param, param);
			auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));
			auto angle_y = ofMap(ofNoise(avg.y * 0.8, radius * 0.03 + ofGetFrameNum() * 0.02), 0, 1, -param, param);
			auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
			auto angle_z = ofMap(ofNoise(avg.z * 0.8, radius * 0.03 + ofGetFrameNum() * 0.02), 0, 1, -param, param);
			auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

			auto loc = glm::normalize(avg) * radius;

			if (radius == radius_end) {

				this->mesh.addVertex(glm::vec4(loc + triangle.getVertex(0) - avg, 0) * rotation_z * rotation_y * rotation_x);
				this->mesh.addVertex(glm::vec4(loc + triangle.getVertex(1) - avg, 0) * rotation_z * rotation_y * rotation_x);
				this->mesh.addVertex(glm::vec4(loc + triangle.getVertex(2) - avg, 0) * rotation_z * rotation_y * rotation_x);

				this->mesh.addIndex(mesh_index + 0); this->mesh.addIndex(mesh_index + 1); this->mesh.addIndex(mesh_index + 2);
			}

			this->frame.addVertex(glm::vec4(loc, 0) * rotation_z * rotation_y * rotation_x);
			this->frame.addIndex(frame_index + 0); this->frame.addIndex(frame_index - 1);
		}
	}
}

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

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

	ofSetColor(255, 0, 0, 200);
	this->frame.drawWireframe();
	this->mesh.drawWireframe();

	ofSetColor(0);
	this->mesh.draw();

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(40);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableDepthTest();

this->ico_sphere = ofIcoSpherePrimitive(65, 3);

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

this->frame.clear();

int radius_start = 65;

int radius_len = 115;

int radius_max = radius_start + radius_len;

for (auto& triangle : this->ico_sphere.getMesh().getUniqueFaces()) {

auto avg = (triangle.getVertex(0) + triangle.getVertex(1) + triangle.getVertex(2)) / 3;

auto power = ofGetFrameNum() % 120 < 10 ? 0 : ofGetFrameNum() % 120 < 60 ? ofMap(ofGetFrameNum() % 120, 10, 60, 0, 1) : ofGetFrameNum() % 120 < 70 ? 1 : ofMap(ofGetFrameNum() % 120, 70, 120, 1, 0);

auto noise_value = ofNoise(glm::vec4(avg * 0.03, ofGetFrameNum() * 0.01));

int radius_end = radius_start + ofMap(noise_value, 0, 1, 0, radius_len) * power;

this->frame.addVertex(glm::vec3());

for (int radius = radius_start; radius <= radius_end; radius += 1) {

auto mesh_index = this->mesh.getNumVertices();

auto frame_index = this->frame.getNumVertices();

auto param = ofMap(radius, radius_start, radius_max, 0, PI * 0.1);

auto angle_x = ofMap(ofNoise(avg.x * 0.8, radius * 0.03 + ofGetFrameNum() * 0.02), 0, 1, -param, param);

auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));

auto angle_y = ofMap(ofNoise(avg.y * 0.8, radius * 0.03 + ofGetFrameNum() * 0.02), 0, 1, -param, param);

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

auto angle_z = ofMap(ofNoise(avg.z * 0.8, radius * 0.03 + ofGetFrameNum() * 0.02), 0, 1, -param, param);

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

auto loc = glm::normalize(avg) * radius;

if (radius == radius_end) {

this->mesh.addVertex(glm::vec4(loc + triangle.getVertex(0) - avg, 0) * rotation_z * rotation_y * rotation_x);

this->mesh.addVertex(glm::vec4(loc + triangle.getVertex(1) - avg, 0) * rotation_z * rotation_y * rotation_x);

this->mesh.addVertex(glm::vec4(loc + triangle.getVertex(2) - avg, 0) * rotation_z * rotation_y * rotation_x);

this->mesh.addIndex(mesh_index + 0); this->mesh.addIndex(mesh_index + 1); this->mesh.addIndex(mesh_index + 2);

}

this->frame.addVertex(glm::vec4(loc, 0) * rotation_z * rotation_y * rotation_x);

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

}

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

void ofApp::draw() {

this->cam.begin();

//ofRotateY(ofGetFrameNum() * 0.666666666666666);

ofSetColor(255, 0, 0, 200);

this->frame.drawWireframe();

this->mesh.drawWireframe();

ofSetColor(0);

this->mesh.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年8月21日

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

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

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetLineWidth(0.25);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(19);	
}

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

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

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

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

		auto color = color_list[i];
		auto noise_seed = ofRandom(1000);

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

			auto noise_y = ofMap(ofNoise(noise_seed, x * 0.003 + ofGetFrameNum() * 0.0025), 0, 1, 0, ofGetHeight());

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

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

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

				if (alpha > 0) {

					ofFill();
					ofSetColor(color, alpha);
					ofDrawRectangle(x, y, size, size);

					ofNoFill();
					ofSetColor(color);
					ofDrawRectangle(x, y, size, size);
				}

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(0.25);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(19);

}

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

void ofApp::draw() {

int span = 30;

int size = span * 0.75;

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

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

auto color = color_list[i];

auto noise_seed = ofRandom(1000);

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

auto noise_y = ofMap(ofNoise(noise_seed, x * 0.003 + ofGetFrameNum() * 0.0025), 0, 1, 0, ofGetHeight());

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

auto gap_y = abs(noise_y - y);

auto alpha = 0;

if (gap_y <= span * 4) {

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

}

if (alpha > 0) {

ofFill();

ofSetColor(color, alpha);

ofDrawRectangle(x, y, size, size);

ofNoFill();

ofSetColor(color);

ofDrawRectangle(x, y, size, size);

}

ofSetColor(32);

ofDrawRectangle(x, y, size, size);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年8月20日

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

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

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"	

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

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

	ofBackground(255);
	ofSetLineWidth(1);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);

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

	float R = 300;
	int v_span = 8;
	int u_span = 16;

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

		for (auto u = 0; u < 360; u += u_span) {

			auto noise_seed = ofRandom(1000);
			auto r = 80.f;
			auto noise_r = r;
			auto noise_location = this->make_point(R, 90, u + u_span * 0.5, v);
			auto noise_value = ofNoise(noise_location.x * 0.001, noise_location.z * 0.001, noise_location.y * 0.002 + ofGetFrameNum() * 0.02);
			if (noise_value > 0.5) {

				auto random_noise_value = ofNoise(noise_seed, ofGetFrameNum() * 0.005);
				noise_r = 80.f + ofMap(random_noise_value, 0, 1, 0, 270) * ofMap(noise_value, 0.5, 1, 0, 1);
			}

			vector<glm::vec3> vertices;
			vertices.push_back(this->make_point(R, r, u, v - v_span * 0.5));
			vertices.push_back(this->make_point(R, r, u + u_span, v - v_span * 0.5));
			vertices.push_back(this->make_point(R, r, u + u_span, v + v_span * 0.5));
			vertices.push_back(this->make_point(R, r, u, v + v_span * 0.5));

			vertices.push_back(this->make_point(R, noise_r, u + u_span * 0.5, v));

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

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

			this->frame.addVertices(vertices);

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

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

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

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

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

	ofSetColor(128);
	this->frame.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

102

103

104

105

106

107

108

109

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(1);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

float R = 300;

int v_span = 8;

int u_span = 16;

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

for (auto u = 0; u < 360; u += u_span) {

auto noise_seed = ofRandom(1000);

auto r = 80.f;

auto noise_r = r;

auto noise_location = this->make_point(R, 90, u + u_span * 0.5, v);

auto noise_value = ofNoise(noise_location.x * 0.001, noise_location.z * 0.001, noise_location.y * 0.002 + ofGetFrameNum() * 0.02);

if (noise_value > 0.5) {

auto random_noise_value = ofNoise(noise_seed, ofGetFrameNum() * 0.005);

noise_r = 80.f + ofMap(random_noise_value, 0, 1, 0, 270) * ofMap(noise_value, 0.5, 1, 0, 1);

}

vector<glm::vec3> vertices;

vertices.push_back(this->make_point(R, r, u, v - v_span * 0.5));

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

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

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

vertices.push_back(this->make_point(R, noise_r, u + u_span * 0.5, v));

int index = face.getNumVertices();

this->face.addVertices(vertices);

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

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

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

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

this->frame.addVertices(vertices);

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

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

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

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

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

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

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

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

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.666666);

ofSetColor(0);

this->face.draw();

ofSetColor(128);

this->frame.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/Insta20220820

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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