hexagon – ページ 3 – プログラミング de 落描き

2022年6月19日

hexagon rotation. Draw by openFrameworks

[ Video ]

[ About ]
回転するヘキサゴン。

hexagon rotation.

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

	vector<glm::vec3> location_list;

	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 setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height);

vector<glm::vec3> location_list;

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofEnableDepthTest();

	auto radius = 15;
	auto x_span = radius * sqrt(3);
	auto flg = true;
	for (float y = -360; y < 360; y += radius * 1.5) {

		for (float x = -360; x < 360; x += x_span) {

			glm::vec3 location;
			if (flg) {

				location = glm::vec3(x, y, 0);
			}
			else {

				location = glm::vec3(x + (x_span / 2), y, 0);
			}

			this->location_list.push_back(location);
		}
		flg = !flg;
	}

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

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

	ofSeedRandom(39);

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

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

		auto noise_param = ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005));

		if (noise_param < 0.45) {

			this->setHexagonToMesh(this->face, this->frame, this->location_list[i], 15, 5);
		}
		else {

			auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -230, 230) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -230, 230) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 1, 0));
			auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -230, 230) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 0, 1));

			glm::vec3 location = glm::vec4(this->location_list[i], 0) * rotation_z * rotation_y * rotation_x;

			this->setHexagonToMesh(this->face, this->frame, location, 15, 5);
		}
	}
	
}

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

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

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

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height) {

	ofColor face_color = ofColor(0);
	ofColor frame_color = ofColor(255);

	auto noise_param = ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005));
	auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -1800, 1800) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(1, 0, 0));
	auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -1800, 1800) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 1, 0));
	auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -1800, 1800) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 0, 1));

	for (int deg = 90; deg < 450; deg += 60) {

		auto face_radius = radius - 0.5;
		auto face_index = face_target.getNumVertices();
		auto frame_index = frame_target.getNumVertices();

		vector<glm::vec3> vertices;
		vertices.push_back(glm::vec3(0, 0, 0));
		vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(0, 0, height));
		vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), height));

		for (auto& vertex : vertices) {

			if (noise_param > 0.45) {
			
				vertex = glm::vec4(vertex, 0) * rotation_z * rotation_y * rotation_x;
			}
			vertex += location;
		}

		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 + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 4);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 2);
		frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 4);

		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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableDepthTest();

auto radius = 15;

auto x_span = radius * sqrt(3);

auto flg = true;

for (float y = -360; y < 360; y += radius * 1.5) {

for (float x = -360; x < 360; x += x_span) {

glm::vec3 location;

if (flg) {

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

}

else {

location = glm::vec3(x + (x_span / 2), y, 0);

}

this->location_list.push_back(location);

}

flg = !flg;

}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

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

auto noise_param = ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005));

if (noise_param < 0.45) {

this->setHexagonToMesh(this->face, this->frame, this->location_list[i], 15, 5);

}

else {

auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -230, 230) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -230, 230) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(this->location_list[i] * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -230, 230) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 0, 1));

glm::vec3 location = glm::vec4(this->location_list[i], 0) * rotation_z * rotation_y * rotation_x;

this->setHexagonToMesh(this->face, this->frame, location, 15, 5);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.6666666666666);

this->face.draw();

this->frame.draw();

this->cam.end();

}

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

void ofApp::setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height) {

ofColor face_color = ofColor(0);

ofColor frame_color = ofColor(255);

auto noise_param = ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005));

auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -1800, 1800) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -1800, 1800) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(location * 0.004, ofGetFrameNum() * 0.005)), 0, 1, -1800, 1800) * (float)DEG_TO_RAD * ofMap(noise_param, 0.45, 1, 0, 1), glm::vec3(0, 0, 1));

for (int deg = 90; deg < 450; deg += 60) {

auto face_radius = radius - 0.5;

auto face_index = face_target.getNumVertices();

auto frame_index = frame_target.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(0, 0, 0));

vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(0, 0, height));

vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));

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

for (auto& vertex : vertices) {

if (noise_param > 0.45) {

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

}

vertex += location;

}

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 + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

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

face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

frame_target.addVertices(vertices);

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

frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);

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

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

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

2022年5月8日

Remodeling. 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 setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height, glm::vec3 noise_deg, ofColor face_color, ofColor frame_color);

	ofEasyCam cam;
	ofMesh face, frame;

	vector<glm::vec2> location_list;
	vector<glm::vec3> noise_seed_list;
	vector<ofColor> color_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 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 setHexagonToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float radius, float height, glm::vec3 noise_deg, ofColor face_color, ofColor frame_color);

ofEasyCam cam;

ofMesh face, frame;

vector<glm::vec2> location_list;

vector<glm::vec3> noise_seed_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

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

	auto radius = 12;
	auto x_span = radius * sqrt(3);
	auto flg = true;
	for (float y = -650; y < 650; y += radius * 1.5) {

		for (float x = -650; x < 650; x += x_span) {

			glm::vec2 location;
			if (flg) {

				location = glm::vec2(x, y);
			}
			else {

				location = glm::vec2(x + (x_span / 2), y);
			}

			this->location_list.push_back(location);
			this->noise_seed_list.push_back(glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000)));
			this->color_list.push_back(ofColor(0));
		}
		flg = !flg;
	}

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

}

//--------------------------------------------------------------
void ofApp::update() {
	
	this->face.clear();
	this->frame.clear();

	auto radius = 12;
	auto height = 5.f;

	// 配色デザイン ビビッドブルー P144
	vector<ofColor> color_palette;
	color_palette.push_back(ofColor(18, 85, 163));
	color_palette.push_back(ofColor(0, 165, 231));
	color_palette.push_back(ofColor(93, 177, 186));
	color_palette.push_back(ofColor(44, 121, 191));
	color_palette.push_back(ofColor(136, 185, 79));
	color_palette.push_back(ofColor(246, 221, 80));
	color_palette.push_back(ofColor(200, 59, 57));
	//color_palette.push_back(ofColor(255, 255, 255)); // gbcolor

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

		auto noise_deg = glm::vec3(
			ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].x + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),
			ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].y + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),
			ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].z + ofGetFrameNum() * 0.05)), 0, 1, -360, 360));

		auto len = glm::length(this->location_list[i]);
		auto param = (ofGetFrameNum() * 10) % 630 - 30;
		auto tmp = abs(len - param);
		if (tmp > 0 && tmp < 30) {

			this->color_list[i] = color_palette[ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.003, ofGetFrameNum() * 0.05)), 0, 1, 0, color_palette.size())];
		}
		else {

			noise_deg *= 0;
		}

		this->setHexagonToMesh(this->face, this->frame, glm::vec3(this->location_list[i], 0), radius, height, noise_deg, this->color_list[i], ofColor(255));
	}
}

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

	this->cam.begin();

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

	this->cam.end();
}

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

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

	for (int deg = 90; deg < 450; deg += 60) {

		auto face_radius = radius - 0.5;
		auto face_index = face_target.getNumVertices();

		vector<glm::vec3> vertices;
		vertices.push_back(glm::vec3(0, 0, 0));
		vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(0, 0, height));
		vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), height));

		for (auto& vertex : vertices) {

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

		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 + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 4);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

		auto frame_index = frame_target.getNumVertices();

		vertices.clear();
		vertices.push_back(glm::vec3(0, 0, 0));
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(glm::vec3(0, 0, height));
		vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height));

		for (auto& vertex : vertices) {

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

		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 2);
		frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 4);

		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

158

159

160

161

162

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

ofEnableDepthTest();

auto radius = 12;

auto x_span = radius * sqrt(3);

auto flg = true;

for (float y = -650; y < 650; y += radius * 1.5) {

for (float x = -650; x < 650; x += x_span) {

glm::vec2 location;

if (flg) {

location = glm::vec2(x, y);

}

else {

location = glm::vec2(x + (x_span / 2), y);

}

this->location_list.push_back(location);

this->noise_seed_list.push_back(glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000)));

this->color_list.push_back(ofColor(0));

}

flg = !flg;

}

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

}

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

void ofApp::update() {

this->face.clear();

this->frame.clear();

auto radius = 12;

auto height = 5.f;

// 配色デザインビビッドブルー P144

vector<ofColor> color_palette;

color_palette.push_back(ofColor(18, 85, 163));

color_palette.push_back(ofColor(0, 165, 231));

color_palette.push_back(ofColor(93, 177, 186));

color_palette.push_back(ofColor(44, 121, 191));

color_palette.push_back(ofColor(136, 185, 79));

color_palette.push_back(ofColor(246, 221, 80));

color_palette.push_back(ofColor(200, 59, 57));

//color_palette.push_back(ofColor(255, 255, 255)); // gbcolor

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

auto noise_deg = glm::vec3(

ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].x + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),

ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].y + ofGetFrameNum() * 0.05)), 0, 1, -360, 360),

ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.005, this->noise_seed_list[i].z + ofGetFrameNum() * 0.05)), 0, 1, -360, 360));

auto len = glm::length(this->location_list[i]);

auto param = (ofGetFrameNum() * 10) % 630 - 30;

auto tmp = abs(len - param);

if (tmp > 0 && tmp < 30) {

this->color_list[i] = color_palette[ofMap(ofNoise(glm::vec3(this->location_list[i] * 0.003, ofGetFrameNum() * 0.05)), 0, 1, 0, color_palette.size())];

}

else {

noise_deg *= 0;

}

this->setHexagonToMesh(this->face, this->frame, glm::vec3(this->location_list[i], 0), radius, height, noise_deg, this->color_list[i], ofColor(255));

}

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

void ofApp::draw() {

this->cam.begin();

this->face.draw();

this->frame.draw();

this->cam.end();

}

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

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

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

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

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

for (int deg = 90; deg < 450; deg += 60) {

auto face_radius = radius - 0.5;

auto face_index = face_target.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(0, 0, 0));

vertices.push_back(glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(0, 0, height));

vertices.push_back(glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));

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

for (auto& vertex : vertices) {

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

}

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 + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

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

face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

auto frame_index = frame_target.getNumVertices();

vertices.clear();

vertices.push_back(glm::vec3(0, 0, 0));

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

vertices.push_back(glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(glm::vec3(0, 0, height));

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

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

for (auto& vertex : vertices) {

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

}

frame_target.addVertices(vertices);

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

frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);

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

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

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

2022年4月2日

Hexagon character. Draw by openFrameworks

[ Video ]

[ About ]
六角形で構成された文字。

Character composed of hexagons.

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

	vector<glm::vec3> location_list;
	vector<int> life_list;
	vector<ofColor> color_list;

	vector<ofColor> color_palette;

	ofTrueTypeFont font;

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

vector<glm::vec3> location_list;

vector<int> life_list;

vector<ofColor> color_list;

vector<ofColor> color_palette;

ofTrueTypeFont font;

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

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

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

	// 配色デザイン P192 ソフトピンク
	this->color_palette.push_back(ofColor(221, 155, 165));
	this->color_palette.push_back(ofColor(224, 186, 212));
	this->color_palette.push_back(ofColor(229, 181, 161));
	this->color_palette.push_back(ofColor(208, 130, 139));
	this->color_palette.push_back(ofColor(202, 72, 90));
	this->color_palette.push_back(ofColor(163, 150, 197));
	this->color_palette.push_back(ofColor(184, 145, 26));
	this->color_palette.push_back(ofColor(250, 241, 239));


	auto radius = 6;
	auto x_span = radius * sqrt(3);
	auto flg = true;
	ofColor tmp_color;
	for (float y = 0; y < 720; y += radius * 1.5) {

		for (float x = 0; x < 720; x += x_span) {

			glm::vec3 location;
			if (flg) {

				location = glm::vec3(x, y, 0);
			}
			else {

				location = glm::vec3(x + (x_span / 2), y, 0);
			}

			this->location_list.push_back(location);
			this->life_list.push_back(0);
			this->color_list.push_back(this->color_palette[ofRandom(color_palette.size())]);
		}
		flg = !flg;
	}

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 230, true, true, true);

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

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

	ofSeedRandom(39);

	this->face.clear();
	this->frame.clear();
	
	vector<string> words = vector<string> { "NFT", "ETH", "XTZ", "GEN", "ART" };

	string word = words[(ofGetFrameNum() / 54) % words.size()];

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	ofClear(0);
	ofSetColor(0);
	this->font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word) * 0.5);
	fbo.end();
	ofPixels pixels;
	fbo.readToPixels(pixels);

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

		ofColor color = pixels.getColor(this->location_list[i].x, this->location_list[i].y);
		if (color != ofColor(0, 0)) {

			this->life_list[i] = this->life_list[i] < 50 ? this->life_list[i] + 2 : 50;
		}
		else {

			this->life_list[i] = this->life_list[i] > 0 ? this->life_list[i] - 5 : 0;
		}
	}

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

		auto height = 5.f;
		if (this->life_list[i] > 30) {

			this->setHexagonToMesh(this->face, this->frame, this->location_list[i], 6, height, this->color_list[i]);
		}
		else if (this->life_list[i] > 0) {

			this->setHexagonToMesh(this->face, this->frame, this->location_list[i], ofMap(this->life_list[i], 0, 30, 0, 6), height, this->color_list[i]);
		}
		else if (this->life_list[i] == 0) {

			this->color_list[i] = this->color_palette[ofRandom(color_palette.size())];
		}
	}
}

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


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

	this->cam.end();
}

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

	ofColor frame_color = ofColor(0);

	for (int deg = 90; deg < 450; deg += 60) {

		auto face_radius = radius - 0.5;
		auto face_index = face_target.getNumVertices();

		vector<glm::vec3> vertices;
		vertices.push_back(location + glm::vec3(0, 0, 0));
		vertices.push_back(location + glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(location + glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(location + glm::vec3(0, 0, height));
		vertices.push_back(location + glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(location + glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), height));

		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 + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 2); face_target.addIndex(face_index + 4);
		face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

		auto frame_index = frame_target.getNumVertices();

		vertices.clear();
		vertices.push_back(location + glm::vec3(0, 0, 0));
		vertices.push_back(location + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
		vertices.push_back(location + glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), 0));
		vertices.push_back(location + glm::vec3(0, 0, height));
		vertices.push_back(location + glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), height));
		vertices.push_back(location + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), height));

		frame_target.addVertices(vertices);

		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 2);
		frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 1); frame_target.addIndex(frame_index + 5);
		frame_target.addIndex(frame_index + 2); frame_target.addIndex(frame_index + 4);

		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

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(1);

ofEnableDepthTest();

// 配色デザイン P192 ソフトピンク

this->color_palette.push_back(ofColor(221, 155, 165));

this->color_palette.push_back(ofColor(224, 186, 212));

this->color_palette.push_back(ofColor(229, 181, 161));

this->color_palette.push_back(ofColor(208, 130, 139));

this->color_palette.push_back(ofColor(202, 72, 90));

this->color_palette.push_back(ofColor(163, 150, 197));

this->color_palette.push_back(ofColor(184, 145, 26));

this->color_palette.push_back(ofColor(250, 241, 239));

auto radius = 6;

auto x_span = radius * sqrt(3);

auto flg = true;

ofColor tmp_color;

for (float y = 0; y < 720; y += radius * 1.5) {

for (float x = 0; x < 720; x += x_span) {

glm::vec3 location;

if (flg) {

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

}

else {

location = glm::vec3(x + (x_span / 2), y, 0);

}

this->location_list.push_back(location);

this->life_list.push_back(0);

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

}

flg = !flg;

}

this->font.loadFont("fonts/Kazesawa-Bold.ttf", 230, true, true, true);

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

vector<string> words = vector<string> { "NFT", "ETH", "XTZ", "GEN", "ART" };

string word = words[(ofGetFrameNum() / 54) % words.size()];

ofFbo fbo;

fbo.allocate(ofGetWidth(), ofGetHeight());

fbo.begin();

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

ofClear(0);

ofSetColor(0);

this->font.drawString(word, font.stringWidth(word) * -0.5, font.stringHeight(word) * 0.5);

fbo.end();

ofPixels pixels;

fbo.readToPixels(pixels);

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

ofColor color = pixels.getColor(this->location_list[i].x, this->location_list[i].y);

if (color != ofColor(0, 0)) {

this->life_list[i] = this->life_list[i] < 50 ? this->life_list[i] + 2 : 50;

}

else {

this->life_list[i] = this->life_list[i] > 0 ? this->life_list[i] - 5 : 0;

}

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

auto height = 5.f;

if (this->life_list[i] > 30) {

this->setHexagonToMesh(this->face, this->frame, this->location_list[i], 6, height, this->color_list[i]);

}

else if (this->life_list[i] > 0) {

this->setHexagonToMesh(this->face, this->frame, this->location_list[i], ofMap(this->life_list[i], 0, 30, 0, 6), height, this->color_list[i]);

}

else if (this->life_list[i] == 0) {

this->color_list[i] = this->color_palette[ofRandom(color_palette.size())];

}

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

void ofApp::draw() {

this->face.draw();

this->frame.draw();

this->cam.end();

}

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

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

ofColor frame_color = ofColor(0);

for (int deg = 90; deg < 450; deg += 60) {

auto face_radius = radius - 0.5;

auto face_index = face_target.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(location + glm::vec3(0, 0, 0));

vertices.push_back(location + glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(location + glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(location + glm::vec3(0, 0, height));

vertices.push_back(location + glm::vec3(face_radius * cos((deg + 60) * DEG_TO_RAD), face_radius * sin((deg + 60) * DEG_TO_RAD), height));

vertices.push_back(location + glm::vec3(face_radius * cos(deg * DEG_TO_RAD), face_radius * sin(deg * DEG_TO_RAD), height));

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 + 3); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

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

face_target.addIndex(face_index + 1); face_target.addIndex(face_index + 4); face_target.addIndex(face_index + 5);

auto frame_index = frame_target.getNumVertices();

vertices.clear();

vertices.push_back(location + glm::vec3(0, 0, 0));

vertices.push_back(location + glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

vertices.push_back(location + glm::vec3(radius * cos((deg + 60) * DEG_TO_RAD), radius * sin((deg + 60) * DEG_TO_RAD), 0));

vertices.push_back(location + glm::vec3(0, 0, height));

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

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

frame_target.addVertices(vertices);

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

frame_target.addIndex(frame_index + 4); frame_target.addIndex(frame_index + 5);

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

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

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

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