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

2022年2月19日

Vivid Red. Draw by openFrameworks

[ Video ]

[ About ]
配色デザインインスピレーションブックⅢという本を購入して参照しました。

Vivid Red.

[ 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, float radius, float height, ofColor face_color, ofColor frame_color);

	ofEasyCam cam;
	ofMesh face, frame;

	vector<glm::vec3> base_location_list;
	
	vector<tuple<ofColor, glm::vec3, float>> sphere_list; // BodyColor, Location, size
	int number_of_sphere;

	vector<ofColor> color_palette;
};

#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, float radius, float height, ofColor face_color, ofColor frame_color);

ofEasyCam cam;

ofMesh face, frame;

vector<glm::vec3> base_location_list;

vector<tuple<ofColor, glm::vec3, float>> sphere_list; // BodyColor, Location, size

int number_of_sphere;

vector<ofColor> color_palette;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(3);
	ofEnableDepthTest();

	auto ico_sphere = ofIcoSpherePrimitive(1, 5);
	this->base_location_list = ico_sphere.getMesh().getVertices();

	this->number_of_sphere = 800;
	while (this->sphere_list.size() < this->number_of_sphere) {

		int index = ofRandom(this->base_location_list.size());
		auto tmp_location = this->base_location_list[index];
		tmp_location = glm::normalize(tmp_location) * ofRandom(0, 95);

		auto radius = this->sphere_list.size() < 110 ? ofRandom(10, 50) : ofRandom(3, 20);

		bool flag = true;
		for (int i = 0; i < this->sphere_list.size(); i++) {

			if (glm::distance(tmp_location, get<1>(this->sphere_list[i])) < get<2>(this->sphere_list[i]) + radius) {

				flag = false;
				break;
			}
		}

		if (flag) {

			ofColor color;
			color.setHsb(ofRandom(255), 200, 255);
			auto size = (radius * 2) / sqrt(3);

			this->sphere_list.push_back(make_tuple(color, tmp_location, size));
		}
	}

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

	// 配色デザイン ビビッドレッド P038
	this->color_palette.push_back(ofColor(197, 0, 24));
	this->color_palette.push_back(ofColor(184, 12, 65));
	this->color_palette.push_back(ofColor(206, 97, 110));
	this->color_palette.push_back(ofColor(204, 85, 68));
	this->color_palette.push_back(ofColor(190, 145, 176));
	this->color_palette.push_back(ofColor(215, 130, 63));
	this->color_palette.push_back(ofColor(255, 241, 51));
	this->color_palette.push_back(ofColor(107, 182, 187));
}

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

	ofSeedRandom(39);
}

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

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

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

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

		auto location = get<1>(this->sphere_list[i]);
		auto size = get<2>(this->sphere_list[i]);

		ofPushMatrix();
		ofTranslate(location);

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

		int sphere_color_index = ofRandom(this->color_palette.size());
		int face_color_index = (sphere_color_index + 1) % this->color_palette.size();
		int frame_color_index = (face_color_index + 1) % this->color_palette.size();

		ofSetColor(this->color_palette[sphere_color_index]);
		ofDrawSphere(size * 0.45);

		this->setRingToMesh(this->face, this->frame, location, size * 0.5, size * 0.2, this->color_palette[face_color_index], this->color_palette[frame_color_index]);

		ofPopMatrix();
	}

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

	this->cam.end();
}

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

	int index = face_target.getNumVertices();

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

		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 noise_value_x = ofNoise(
				location.x, radius * 0.0008 + ofGetFrameNum() * 0.005);
			auto noise_value_y = ofNoise(
				location.y, radius * 0.0008 + ofGetFrameNum() * 0.005);
			auto noise_value_z = ofNoise(
				location.z, radius * 0.0008 + ofGetFrameNum() * 0.005);

			auto rotation_x = glm::rotate(glm::mat4(), ofMap(noise_value_x, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), ofMap(noise_value_y, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(0, 1, 0));
			auto rotation_z = glm::rotate(glm::mat4(), ofMap(noise_value_z, 0, 1, -PI * 2.5, PI * 2.5), 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());
}

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

155

156

157

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(3);

ofEnableDepthTest();

auto ico_sphere = ofIcoSpherePrimitive(1, 5);

this->base_location_list = ico_sphere.getMesh().getVertices();

this->number_of_sphere = 800;

while (this->sphere_list.size() < this->number_of_sphere) {

int index = ofRandom(this->base_location_list.size());

auto tmp_location = this->base_location_list[index];

tmp_location = glm::normalize(tmp_location) * ofRandom(0, 95);

auto radius = this->sphere_list.size() < 110 ? ofRandom(10, 50) : ofRandom(3, 20);

bool flag = true;

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

if (glm::distance(tmp_location, get<1>(this->sphere_list[i])) < get<2>(this->sphere_list[i]) + radius) {

flag = false;

break;

}

if (flag) {

ofColor color;

color.setHsb(ofRandom(255), 200, 255);

auto size = (radius * 2) / sqrt(3);

this->sphere_list.push_back(make_tuple(color, tmp_location, size));

}

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

// 配色デザインビビッドレッド P038

this->color_palette.push_back(ofColor(197, 0, 24));

this->color_palette.push_back(ofColor(184, 12, 65));

this->color_palette.push_back(ofColor(206, 97, 110));

this->color_palette.push_back(ofColor(204, 85, 68));

this->color_palette.push_back(ofColor(190, 145, 176));

this->color_palette.push_back(ofColor(215, 130, 63));

this->color_palette.push_back(ofColor(255, 241, 51));

this->color_palette.push_back(ofColor(107, 182, 187));

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->face.clear();

this->frame.clear();

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.3333333333333333333);

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

auto location = get<1>(this->sphere_list[i]);

auto size = get<2>(this->sphere_list[i]);

ofPushMatrix();

ofTranslate(location);

ofRotateZ(ofRandom(360));

ofRotateY(ofRandom(360));

ofRotateX(ofRandom(360));

int sphere_color_index = ofRandom(this->color_palette.size());

int face_color_index = (sphere_color_index + 1) % this->color_palette.size();

int frame_color_index = (face_color_index + 1) % this->color_palette.size();

ofSetColor(this->color_palette[sphere_color_index]);

ofDrawSphere(size * 0.45);

this->setRingToMesh(this->face, this->frame, location, size * 0.5, size * 0.2, this->color_palette[face_color_index], this->color_palette[frame_color_index]);

ofPopMatrix();

}

this->face.draw();

this->frame.drawWireframe();

this->cam.end();

}

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

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

int index = face_target.getNumVertices();

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

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 noise_value_x = ofNoise(

location.x, radius * 0.0008 + ofGetFrameNum() * 0.005);

auto noise_value_y = ofNoise(

location.y, radius * 0.0008 + ofGetFrameNum() * 0.005);

auto noise_value_z = ofNoise(

location.z, radius * 0.0008 + ofGetFrameNum() * 0.005);

auto rotation_x = glm::rotate(glm::mat4(), ofMap(noise_value_x, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(noise_value_y, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), ofMap(noise_value_z, 0, 1, -PI * 2.5, PI * 2.5), 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/Insta20220219

2022年2月18日

Pale Orange. Draw by openFrameworks

[ Video ]

[ About ]
配色デザインインスピレーションブックⅢという本を購入して参照しました。

Pale Orange.

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

	void setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 noise_location, float radius, float height, ofColor face_color, ofColor frame_color);

	ofEasyCam cam;
	ofMesh face, frame;

	vector<ofColor> color_palette;
	int base_color_index;
};

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

void setRingToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, glm::vec3 noise_location, float radius, float height, ofColor face_color, ofColor frame_color);

ofEasyCam cam;

ofMesh face, frame;

vector<ofColor> color_palette;

int base_color_index;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetLineWidth(2);
	ofEnableDepthTest();

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

	// 配色デザイン ペールオレンジ P052
	this->color_palette.push_back(ofColor(245, 226, 197));
	this->color_palette.push_back(ofColor(249, 235, 199));
	this->color_palette.push_back(ofColor(235, 216, 183));
	this->color_palette.push_back(ofColor(242, 216, 194));
	this->color_palette.push_back(ofColor(208, 175, 131));
	this->color_palette.push_back(ofColor(220, 230, 233));
	this->color_palette.push_back(ofColor(199, 213, 188));
	this->color_palette.push_back(ofColor(253, 247, 225));
}
//--------------------------------------------------------------
void ofApp::update() {

	ofSeedRandom(39);

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

	for (int x = -400; x <= 400; x += 200) {

		for (int y = -400; y <= 400; y += 200) {

			auto location = glm::vec3(x, y, 0);
			for (int radius = 70; radius <= 85; radius += 5) {

				auto noise_location = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
				int face_color_index = ofRandom(this->color_palette.size());
				int frame_color_index = (face_color_index + (int)ofRandom(1, this->color_palette.size())) % this->color_palette.size();

				this->setRingToMesh(this->face, this->frame, location, noise_location, radius, radius / ofRandom(2, 5), this->color_palette[face_color_index], this->color_palette[frame_color_index]);
			}
		}
	}
}

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

	this->cam.begin();

	for (int x = -400; x <= 400; x += 200) {

		for (int y = -400; y <= 400; y += 200) {

			ofSetColor(this->color_palette[ofRandom(this->color_palette.size())]);
			ofDrawSphere(glm::vec3(x, y, 0), 70);
		}
	}

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

	this->cam.end();
}

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

	int index = face_target.getNumVertices();

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

		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 + 3) * DEG_TO_RAD), radius * sin((deg + 3) * DEG_TO_RAD), height * -0.5));
		vertices.push_back(glm::vec3(radius * cos((deg + 3) * DEG_TO_RAD), radius * sin((deg + 3) * 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 noise_value_x = ofNoise(
				noise_location.x, radius * 0.0008 + ofGetFrameNum() * 0.005);
			auto noise_value_y = ofNoise(
				noise_location.y, radius * 0.0008 + ofGetFrameNum() * 0.005);
			auto noise_value_z = ofNoise(
				noise_location.z, radius * 0.0008 + ofGetFrameNum() * 0.005);

			auto rotation_x = glm::rotate(glm::mat4(), ofMap(noise_value_x, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), ofMap(noise_value_y, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(0, 1, 0));
			auto rotation_z = glm::rotate(glm::mat4(), ofMap(noise_value_z, 0, 1, -PI * 2.5, PI * 2.5), 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());
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableDepthTest();

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

// 配色デザインペールオレンジ P052

this->color_palette.push_back(ofColor(245, 226, 197));

this->color_palette.push_back(ofColor(249, 235, 199));

this->color_palette.push_back(ofColor(235, 216, 183));

this->color_palette.push_back(ofColor(242, 216, 194));

this->color_palette.push_back(ofColor(208, 175, 131));

this->color_palette.push_back(ofColor(220, 230, 233));

this->color_palette.push_back(ofColor(199, 213, 188));

this->color_palette.push_back(ofColor(253, 247, 225));

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

for (int x = -400; x <= 400; x += 200) {

for (int y = -400; y <= 400; y += 200) {

auto location = glm::vec3(x, y, 0);

for (int radius = 70; radius <= 85; radius += 5) {

auto noise_location = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

int face_color_index = ofRandom(this->color_palette.size());

int frame_color_index = (face_color_index + (int)ofRandom(1, this->color_palette.size())) % this->color_palette.size();

this->setRingToMesh(this->face, this->frame, location, noise_location, radius, radius / ofRandom(2, 5), this->color_palette[face_color_index], this->color_palette[frame_color_index]);

}

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

void ofApp::draw() {

this->cam.begin();

for (int x = -400; x <= 400; x += 200) {

for (int y = -400; y <= 400; y += 200) {

ofSetColor(this->color_palette[ofRandom(this->color_palette.size())]);

ofDrawSphere(glm::vec3(x, y, 0), 70);

}

this->face.draw();

this->frame.drawWireframe();

this->cam.end();

}

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

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

int index = face_target.getNumVertices();

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

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 + 3) * DEG_TO_RAD), radius * sin((deg + 3) * DEG_TO_RAD), height * -0.5));

vertices.push_back(glm::vec3(radius * cos((deg + 3) * DEG_TO_RAD), radius * sin((deg + 3) * 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 noise_value_x = ofNoise(

noise_location.x, radius * 0.0008 + ofGetFrameNum() * 0.005);

auto noise_value_y = ofNoise(

noise_location.y, radius * 0.0008 + ofGetFrameNum() * 0.005);

auto noise_value_z = ofNoise(

noise_location.z, radius * 0.0008 + ofGetFrameNum() * 0.005);

auto rotation_x = glm::rotate(glm::mat4(), ofMap(noise_value_x, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(noise_value_y, 0, 1, -PI * 2.5, PI * 2.5), glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), ofMap(noise_value_z, 0, 1, -PI * 2.5, PI * 2.5), 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/Insta20220218/

2022年2月17日

Vivid yellow. Draw by openFrameworks

[ Video ]

[ About ]
配色デザインインスピレーションブックⅢという本を購入して参照しました。

Vivid yellow.

[ 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<ofColor> color_palette;
	int base_color_index;
};

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

int base_color_index;

};

#include "ofApp.h"

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

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

	// 配色デザイン P092 ビビットイエロー
	this->color_palette.push_back(ofColor(255, 240, 0));
	this->color_palette.push_back(ofColor(245, 217, 51));
	this->color_palette.push_back(ofColor(232, 229, 0));
	this->color_palette.push_back(ofColor(250, 229, 51));
	this->color_palette.push_back(ofColor(231, 180, 33));
	this->color_palette.push_back(ofColor(255, 255, 255));
	this->color_palette.push_back(ofColor(215, 131, 76));
	this->color_palette.push_back(ofColor(138, 196, 221));


	ofSetLineWidth(2);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);

	if (ofGetFrameNum() % 66 == 0) {

		vector<ofColor> tmp_color_palette;
		for (int i = 1; i < this->color_palette.size(); i++) {

			tmp_color_palette.push_back(this->color_palette[i]);
		}
		tmp_color_palette.push_back(this->color_palette[0]);
		this->color_palette = tmp_color_palette;

		ofBackground(this->color_palette[this->color_palette.size() - 1]);
	}

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

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

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

				this->face_mesh.addColor(this->color_palette[i % (this->color_palette.size() - 1)]);
				this->frame_mesh.addColor(this->color_palette[(i + 3) % (this->color_palette.size() - 1)]);
			}

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

	this->face_mesh.draw();
	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

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

// 配色デザイン P092 ビビットイエロー

this->color_palette.push_back(ofColor(255, 240, 0));

this->color_palette.push_back(ofColor(245, 217, 51));

this->color_palette.push_back(ofColor(232, 229, 0));

this->color_palette.push_back(ofColor(250, 229, 51));

this->color_palette.push_back(ofColor(231, 180, 33));

this->color_palette.push_back(ofColor(255, 255, 255));

this->color_palette.push_back(ofColor(215, 131, 76));

this->color_palette.push_back(ofColor(138, 196, 221));

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

if (ofGetFrameNum() % 66 == 0) {

vector<ofColor> tmp_color_palette;

for (int i = 1; i < this->color_palette.size(); i++) {

tmp_color_palette.push_back(this->color_palette[i]);

}

tmp_color_palette.push_back(this->color_palette[0]);

this->color_palette = tmp_color_palette;

ofBackground(this->color_palette[this->color_palette.size() - 1]);

}

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

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

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

this->face_mesh.addColor(this->color_palette[i % (this->color_palette.size() - 1)]);

this->frame_mesh.addColor(this->color_palette[(i + 3) % (this->color_palette.size() - 1)]);

}

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

this->face_mesh.draw();

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

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