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

2022年4月8日

Mosaic sphere. Draw by openFrameworks

[ Video ]

[ About ]
モザイク球。

Mosaic sphere.

[ 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;
	ofMesh face, line;
};

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

ofMesh face, line;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofEnableDepthTest();
	ofSetLineWidth(1.5);

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

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

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

	float phi_deg_step = 5;
	float theta_deg_step = 5;

	for (float radius = 100; radius <= 250; radius += 5) {

		for (float phi_deg = 0; phi_deg < 360; phi_deg += phi_deg_step) {

			for (float theta_deg = 0; theta_deg <= 180; theta_deg += theta_deg_step) {

				auto noise_value = ofNoise(
					radius * cos(phi_deg * DEG_TO_RAD) * 0.01,
					radius * sin(phi_deg * DEG_TO_RAD) * 0.01,
					radius * cos(theta_deg * DEG_TO_RAD) * 0.01,
					ofGetFrameNum() * 0.025);

				if (noise_value < 0.55) { continue; }

				auto noise_value_1 = ofNoise(
					radius * cos(phi_deg * DEG_TO_RAD) * 0.01,
					radius * sin(phi_deg * DEG_TO_RAD) * 0.01,
					radius * cos((theta_deg - theta_deg_step) * DEG_TO_RAD) * 0.01,
					ofGetFrameNum() * 0.025);
				auto noise_value_2 = ofNoise(
					radius * cos((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,
					radius * sin((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,
					radius * cos(theta_deg * DEG_TO_RAD) * 0.01,
					ofGetFrameNum() * 0.025);
				auto noise_value_3 = ofNoise(
					radius * cos((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,
					radius * sin((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,
					radius * cos(theta_deg * DEG_TO_RAD) * 0.01,
					ofGetFrameNum() * 0.025);
				auto noise_value_4 = ofNoise(
					radius * cos(phi_deg * DEG_TO_RAD) * 0.01,
					radius * sin(phi_deg * DEG_TO_RAD) * 0.01,
					radius * cos((theta_deg + theta_deg_step) * DEG_TO_RAD) * 0.01,
					ofGetFrameNum() * 0.025);

				auto index = this->face.getNumVertices();
				vector<glm::vec3> vertices;

				vertices.push_back(glm::vec3(
					radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));
				vertices.push_back(glm::vec3(
					radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));
				vertices.push_back(glm::vec3(
					radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));
				vertices.push_back(glm::vec3(
					radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),
					radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));

				this->face.addVertices(vertices);

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

				if (noise_value_1 < 0.55) {

					this->line.addVertex(vertices[0]); this->line.addVertex(vertices[1]);
					this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				}

				if (noise_value_2 < 0.55) {

					this->line.addVertex(vertices[0]); this->line.addVertex(vertices[2]);
					this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				}

				if (noise_value_3 < 0.55) {

					this->line.addVertex(vertices[1]); this->line.addVertex(vertices[3]);
					this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				}

				if (noise_value_4 < 0.55) {

					this->line.addVertex(vertices[2]); this->line.addVertex(vertices[3]);
					this->line.addIndex(this->line.getNumVertices() - 1); this->line.addIndex(this->line.getNumVertices() - 2);
				}

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

					ofColor face_color = ofColor(ofMap(radius, 100, 250, 0, 255));

					this->face.addColor(face_color);
					this->line.addColor(ofColor(0));
				}
			}
		}
	}
}

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

	this->cam.begin();
	ofRotateX(270);
	ofRotateZ(ofGetFrameNum() * 0.3333);

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

	this->cam.end();
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofEnableDepthTest();

ofSetLineWidth(1.5);

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

}

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

void ofApp::update() {

this->face.clear();

this->line.clear();

float phi_deg_step = 5;

float theta_deg_step = 5;

for (float radius = 100; radius <= 250; radius += 5) {

for (float phi_deg = 0; phi_deg < 360; phi_deg += phi_deg_step) {

for (float theta_deg = 0; theta_deg <= 180; theta_deg += theta_deg_step) {

auto noise_value = ofNoise(

radius * cos(phi_deg * DEG_TO_RAD) * 0.01,

radius * sin(phi_deg * DEG_TO_RAD) * 0.01,

radius * cos(theta_deg * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

if (noise_value < 0.55) { continue; }

auto noise_value_1 = ofNoise(

radius * cos(phi_deg * DEG_TO_RAD) * 0.01,

radius * sin(phi_deg * DEG_TO_RAD) * 0.01,

radius * cos((theta_deg - theta_deg_step) * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto noise_value_2 = ofNoise(

radius * cos((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * sin((phi_deg + phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * cos(theta_deg * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto noise_value_3 = ofNoise(

radius * cos((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * sin((phi_deg - phi_deg_step) * DEG_TO_RAD) * 0.01,

radius * cos(theta_deg * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto noise_value_4 = ofNoise(

radius * cos(phi_deg * DEG_TO_RAD) * 0.01,

radius * sin(phi_deg * DEG_TO_RAD) * 0.01,

radius * cos((theta_deg + theta_deg_step) * DEG_TO_RAD) * 0.01,

ofGetFrameNum() * 0.025);

auto index = this->face.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg - theta_deg_step * 0.5) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg + phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * cos((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * sin((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD) * sin((phi_deg - phi_deg_step * 0.5) * DEG_TO_RAD),

radius * cos((theta_deg + theta_deg_step * 0.5) * DEG_TO_RAD)));

this->face.addVertices(vertices);

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

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

if (noise_value_1 < 0.55) {

this->line.addVertex(vertices[0]); this->line.addVertex(vertices[1]);

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

}

if (noise_value_2 < 0.55) {

this->line.addVertex(vertices[0]); this->line.addVertex(vertices[2]);

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

}

if (noise_value_3 < 0.55) {

this->line.addVertex(vertices[1]); this->line.addVertex(vertices[3]);

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

}

if (noise_value_4 < 0.55) {

this->line.addVertex(vertices[2]); this->line.addVertex(vertices[3]);

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

}

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

ofColor face_color = ofColor(ofMap(radius, 100, 250, 0, 255));

this->face.addColor(face_color);

this->line.addColor(ofColor(0));

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

ofRotateZ(ofGetFrameNum() * 0.3333);

this->face.draw();

this->line.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年4月7日

Shaken by ripples. Draw by openFrameworks

[ Video ]

[ About ]
波紋に揺られる。

Shaken by ripples.

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

	ofTrueTypeFont font;
};

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

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetColor(0);
	ofNoFill();
	ofSetLineWidth(2);

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

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

}

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

	ofTranslate(ofGetWindowSize() * 0.5);
	
	auto radius = (ofGetFrameNum() * 10) % 600;

	for (int y = -360 + 60; y < ofGetHeight() - 360; y += 120) {

		string word = "RIPPLE";
		auto path_list = font.getStringAsPoints(word, true, false);
		for (auto path : path_list) {

			auto outline = path.getOutline();

			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				if (outline_index != 0) { ofNextContour(true); }

				outline[outline_index] = outline[outline_index].getResampledByCount(300);
				auto vertices = outline[outline_index].getVertices();
				for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

					auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);
					auto len = glm::length(location);

					if (len > radius - 25 && len < radius) {

						location =  glm::normalize(location) * radius;
					}

					if (len < radius + 25 && len > radius) {

						location = glm::normalize(location) * (radius + 25);
					}

					ofVertex(location);
				}
			}
			ofEndShape(true);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(255);

ofSetColor(0);

ofNoFill();

ofSetLineWidth(2);

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

auto radius = (ofGetFrameNum() * 10) % 600;

for (int y = -360 + 60; y < ofGetHeight() - 360; y += 120) {

string word = "RIPPLE";

auto path_list = font.getStringAsPoints(word, true, false);

for (auto path : path_list) {

auto outline = path.getOutline();

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

outline[outline_index] = outline[outline_index].getResampledByCount(300);

auto vertices = outline[outline_index].getVertices();

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

auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);

auto len = glm::length(location);

if (len > radius - 25 && len < radius) {

location = glm::normalize(location) * radius;

}

if (len < radius + 25 && len > radius) {

location = glm::normalize(location) * (radius + 25);

}

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年4月6日

Top arrow and bottom arrow. Draw by openFrameworks

[ Video ]

[ About ]
上から矢印、下から矢印。

Top arrow and bottom arrow.

[ 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 draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color);
};

#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 draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color);

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetLineWidth(2);
}

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

	ofSeedRandom(39);
}

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

	// 配色デザイン ビビッドブルー 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));
	
	int color_index = 0;
	for (int x = 0; x <= ofGetWidth(); x += 40) {

		color_index = (color_index + 1) % color_palette.size();
		ofColor color = color_palette[color_index];

		if (x % 60 == 0) {

			auto y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 0, 1, 0, ofGetHeight()) - 30;
			this->draw_arrow(glm::vec2(x, 0), glm::vec2(x, y), 35, color);

			y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 1, 0, 0, ofGetHeight()) + 30;
			this->draw_arrow(glm::vec2(x, ofGetHeight()), glm::vec2(x, y), 35, color);
		}
		else {

			auto y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 1, 0, 0, ofGetHeight()) + 30;
			this->draw_arrow(glm::vec2(x, ofGetHeight()), glm::vec2(x, y), 35, color);

			y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 0, 1, 0, ofGetHeight()) - 30;
			this->draw_arrow(glm::vec2(x, 0), glm::vec2(x, y), 35, color);
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color) {

	auto angle = std::atan2(target.y - location.y, target.x - location.x);
	auto distance = glm::distance(target, location);

	ofPushMatrix();
	ofTranslate(target);

	ofSetColor(color);
	ofFill();
	ofBeginShape();
	ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofEndShape();

	ofBeginShape();
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5);
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5);
	ofEndShape();

	ofSetColor(255);
	ofNoFill();
	ofBeginShape();
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5);
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
	ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5);
	ofEndShape();

	ofBeginShape();
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5);
	ofEndShape();

	ofPopMatrix();
}

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

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

100

101

102

103

104

105

106

107

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

// 配色デザインビビッドブルー 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));

int color_index = 0;

for (int x = 0; x <= ofGetWidth(); x += 40) {

color_index = (color_index + 1) % color_palette.size();

ofColor color = color_palette[color_index];

if (x % 60 == 0) {

auto y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 0, 1, 0, ofGetHeight()) - 30;

this->draw_arrow(glm::vec2(x, 0), glm::vec2(x, y), 35, color);

y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 1, 0, 0, ofGetHeight()) + 30;

this->draw_arrow(glm::vec2(x, ofGetHeight()), glm::vec2(x, y), 35, color);

}

else {

auto y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 1, 0, 0, ofGetHeight()) + 30;

this->draw_arrow(glm::vec2(x, ofGetHeight()), glm::vec2(x, y), 35, color);

y = ofMap(ofNoise(x * 0.005 + ofGetFrameNum() * 0.025), 0, 1, 0, ofGetHeight()) - 30;

this->draw_arrow(glm::vec2(x, 0), glm::vec2(x, y), 35, color);

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor color) {

auto angle = std::atan2(target.y - location.y, target.x - location.x);

auto distance = glm::distance(target, location);

ofPushMatrix();

ofTranslate(target);

ofSetColor(color);

ofFill();

ofBeginShape();

ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofEndShape();

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5);

ofEndShape();

ofSetColor(255);

ofNoFill();

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5);

ofEndShape();

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5 - glm::vec2(distance * cos(angle), distance * sin(angle)));

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.5);

ofEndShape();

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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