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

2022年6月13日

Random walk on torus. Draw by openFrameworks

[ Video ]

[ About ]
ランダムウォークの軌跡を隆起する。

Uplift random walk trajectory.

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

	vector<glm::vec3> location_list;
	vector<float> height_list;
};

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

vector<glm::vec3> location_list;

vector<float> height_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofEnableDepthTest();

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

		for (auto u = 0; u < 360; u += 8) {
	
			this->location_list.push_back(this->make_point(200, 50, u, v));
			this->height_list.push_back(0);
		}
	}

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

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

	ofSeedRandom(39);

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

	auto R = 200;
	auto r = 50;
	auto v_span = 5;
	auto u_span = 8;

	for (int k = 0; k < 2; k++) {

		auto location = this->make_point(200, 50, ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015), 0, 1, 0, 360), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015), 0, 1, 0, 360));

		for (int i = 0; i < this->height_list.size(); i++) {

			auto distance = glm::distance(location, this->location_list[i]);

			if (distance < 40) {

				this->height_list[i] < 100 ? this->height_list[i] += ofMap(distance, 0, 40, 30, 1) : 100;
			}
			else {

				this->height_list[i] > 0 ? this->height_list[i] -= 1 : 0;
			}
		}
	}

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

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

			auto noise_seed = this->make_point(R, r, u + u_span * 0.5, v + v_span * 0.5);
			auto noise_value = ofNoise(glm::vec4(noise_seed, ofGetFrameNum() * 0.01));
			auto height = this->height_list[index++];

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

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

			// Face Index

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

			this->face_mesh.addIndex(index + 4); this->face_mesh.addIndex(index + 5); this->face_mesh.addIndex(index + 6);
			this->face_mesh.addIndex(index + 4); this->face_mesh.addIndex(index + 6); this->face_mesh.addIndex(index + 7);

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

			this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 5); this->face_mesh.addIndex(index + 6);
			this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 6); this->face_mesh.addIndex(index + 2);

			this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 6); this->face_mesh.addIndex(index + 7);
			this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 7); this->face_mesh.addIndex(index + 3);

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

			// Frame Index

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

			this->frame_mesh.addIndex(index + 4); this->frame_mesh.addIndex(index + 5);
			this->frame_mesh.addIndex(index + 5); this->frame_mesh.addIndex(index + 6);
			this->frame_mesh.addIndex(index + 6); this->frame_mesh.addIndex(index + 7);
			this->frame_mesh.addIndex(index + 7); this->frame_mesh.addIndex(index + 4);

			this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 4);
			this->frame_mesh.addIndex(index + 1); this->frame_mesh.addIndex(index + 5);
			this->frame_mesh.addIndex(index + 2); this->frame_mesh.addIndex(index + 6);
			this->frame_mesh.addIndex(index + 3); this->frame_mesh.addIndex(index + 7);
		}
	}
}

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

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

	ofSetColor(0);
	this->face_mesh.drawFaces();

	ofSetColor(255);
	this->frame_mesh.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

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofEnableDepthTest();

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

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

this->location_list.push_back(this->make_point(200, 50, u, v));

this->height_list.push_back(0);

}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face_mesh.clear();

this->frame_mesh.clear();

auto R = 200;

auto r = 50;

auto v_span = 5;

auto u_span = 8;

for (int k = 0; k < 2; k++) {

auto location = this->make_point(200, 50, ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015), 0, 1, 0, 360), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015), 0, 1, 0, 360));

for (int i = 0; i < this->height_list.size(); i++) {

auto distance = glm::distance(location, this->location_list[i]);

if (distance < 40) {

this->height_list[i] < 100 ? this->height_list[i] += ofMap(distance, 0, 40, 30, 1) : 100;

}

else {

this->height_list[i] > 0 ? this->height_list[i] -= 1 : 0;

}

int index = 0;

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

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

auto noise_seed = this->make_point(R, r, u + u_span * 0.5, v + v_span * 0.5);

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

auto height = this->height_list[index++];

vector<glm::vec3> vertices;

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

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

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

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

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

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

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

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

int index = this->face_mesh.getNumVertices();

this->face_mesh.addVertices(vertices);

this->frame_mesh.addVertices(vertices);

// Face Index

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

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

this->face_mesh.addIndex(index + 4); this->face_mesh.addIndex(index + 5); this->face_mesh.addIndex(index + 6);

this->face_mesh.addIndex(index + 4); this->face_mesh.addIndex(index + 6); this->face_mesh.addIndex(index + 7);

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

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

this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 5); this->face_mesh.addIndex(index + 6);

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

this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 6); this->face_mesh.addIndex(index + 7);

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

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

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

// Frame Index

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

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

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

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

this->frame_mesh.addIndex(index + 4); this->frame_mesh.addIndex(index + 5);

this->frame_mesh.addIndex(index + 5); this->frame_mesh.addIndex(index + 6);

this->frame_mesh.addIndex(index + 6); this->frame_mesh.addIndex(index + 7);

this->frame_mesh.addIndex(index + 7); this->frame_mesh.addIndex(index + 4);

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

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

this->frame_mesh.addIndex(index + 2); this->frame_mesh.addIndex(index + 6);

this->frame_mesh.addIndex(index + 3); this->frame_mesh.addIndex(index + 7);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.6666666666666666);

ofSetColor(0);

this->face_mesh.drawFaces();

ofSetColor(255);

this->frame_mesh.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/Insta20220613

2022年6月12日2022年6月12日

Spinning. Draw by openFrameworks

[ Video ]

[ About ]
くるりんぱ。

Spinning.

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

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

};

#include "ofApp.h"

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

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

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

	ofColor color;
	float len = 5;
	bool flag = true;

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

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

			ofPushMatrix();
			ofTranslate(x, y);
			if (flag) {
			
				ofRotateY(ofGetFrameNum());
			}
			else {

				ofRotateX(ofGetFrameNum());
			}

			int hue = ofRandom(255);
			for (float radius = 15; radius <= 100; radius += len * 2) {

				ofRotateZ(ofRandom(360));
				ofRotateY(ofRandom(360));
				ofRotateX(ofRandom(360));

				vector<glm::vec2> vertices_1, vertices_2;
				float deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(3, 10);

				for (float deg = deg_start; deg < deg_start + 270; deg += 1) {

					vertices_1.push_back(glm::vec2((radius - len * 0.5) * cos(deg * DEG_TO_RAD), (radius - len * 0.5) * sin(deg * DEG_TO_RAD)));
					vertices_2.push_back(glm::vec2((radius + len * 0.5) * cos(deg * DEG_TO_RAD), (radius + len * 0.5) * sin(deg * DEG_TO_RAD)));
				}

				reverse(vertices_2.begin(), vertices_2.end());

				color.setHsb(hue, 150, 255);

				ofNoFill();
				ofSetColor(color);

				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				hue = (hue + (int)ofRandom(20, 120)) % 255;
			}

			ofPopMatrix();
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(1.5);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofColor color;

float len = 5;

bool flag = true;

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

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

ofPushMatrix();

ofTranslate(x, y);

if (flag) {

ofRotateY(ofGetFrameNum());

}

else {

ofRotateX(ofGetFrameNum());

}

int hue = ofRandom(255);

for (float radius = 15; radius <= 100; radius += len * 2) {

ofRotateZ(ofRandom(360));

ofRotateY(ofRandom(360));

ofRotateX(ofRandom(360));

vector<glm::vec2> vertices_1, vertices_2;

float deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(3, 10);

for (float deg = deg_start; deg < deg_start + 270; deg += 1) {

vertices_1.push_back(glm::vec2((radius - len * 0.5) * cos(deg * DEG_TO_RAD), (radius - len * 0.5) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2((radius + len * 0.5) * cos(deg * DEG_TO_RAD), (radius + len * 0.5) * sin(deg * DEG_TO_RAD)));

}

reverse(vertices_2.begin(), vertices_2.end());

color.setHsb(hue, 150, 255);

ofNoFill();

ofSetColor(color);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

hue = (hue + (int)ofRandom(20, 120)) % 255;

}

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年6月11日

Noise × Circle × HSB. Draw by openFrameworks

[ Video ]

[ About ]
色のBlendmodeをSubtractにする。

Blend mode is subtract.

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

	ofBackground(255);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_SUBTRACT);
	ofNoFill();
}

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

}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofColor color;
	for (float radius = 20; radius <= 290; radius += 90) {

		for (float hue = 0; hue < 256; hue += 8) {

			color.setHsb(hue, 200, 255);
			ofSetColor(color);

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

				auto base_location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
				auto tmp_radius = ofMap(ofNoise(base_location.x * 0.05, base_location.y * 0.05, hue * 0.0015, ofGetFrameNum() * 0.005), 0, 1, radius * 0.8, radius * 1.3);
				ofVertex(tmp_radius * cos(deg * DEG_TO_RAD), tmp_radius * sin(deg * DEG_TO_RAD));
			}
			ofEndShape(true);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_SUBTRACT);

ofNoFill();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofColor color;

for (float radius = 20; radius <= 290; radius += 90) {

for (float hue = 0; hue < 256; hue += 8) {

color.setHsb(hue, 200, 255);

ofSetColor(color);

ofBeginShape();

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

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

auto tmp_radius = ofMap(ofNoise(base_location.x * 0.05, base_location.y * 0.05, hue * 0.0015, ofGetFrameNum() * 0.005), 0, 1, radius * 0.8, radius * 1.3);

ofVertex(tmp_radius * cos(deg * DEG_TO_RAD), tmp_radius * sin(deg * DEG_TO_RAD));

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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