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

2021年10月2日

Partially rotate the two movies. Draw by openFrameworks

[ Video ]

[ About ]
世界一かわいい猫が同時に楽しめます。

You can enjoy the world’s cutest cat at the same time.

[ Source ]

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"

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;

	cv::VideoCapture cap_1, cap_2;
	cv::Size cap_size;
	int number_of_frames_1, number_of_frames_2;
	vector<cv::Mat> frame_list_1, frame_list_2;

	float rect_size;
	vector<cv::Mat> rect_frames;
	vector<unique_ptr<ofImage>> rect_images;
	vector<cv::Rect> cv_rects;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

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;

cv::VideoCapture cap_1, cap_2;

cv::Size cap_size;

int number_of_frames_1, number_of_frames_2;

vector<cv::Mat> frame_list_1, frame_list_2;

float rect_size;

vector<cv::Mat> rect_frames;

vector<unique_ptr<ofImage>> rect_images;

vector<cv::Rect> cv_rects;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();
	ofDisableArbTex();

	this->cap_1.open("D:\\MP4\\VN20210917_143130.mp4");
	this->cap_size = cv::Size(640, 360);

	this->rect_size = 40;
	for (int x = 0; x < this->cap_size.width; x += this->rect_size) {

		for (int y = 0; y < this->cap_size.height; y += this->rect_size) {

			auto image = make_unique<ofImage>();
			image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);
			cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);
			cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

			this->rect_images.push_back(move(image));
			this->cv_rects.push_back(rect);
			this->rect_frames.push_back(frame);
		}
	}

	this->number_of_frames_1 = this->cap_1.get(cv::CAP_PROP_FRAME_COUNT);
	for (int i = 0; i < this->number_of_frames_1; i++) {

		cv::Mat src, tmp;
		this->cap_1 >> src;
		if (src.empty()) {

			return;
		}

		cv::resize(src, tmp, this->cap_size);
		cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

		this->frame_list_1.push_back(tmp);
	}

	this->cap_2.open("D:\\MP4\\MOV_0324.mp4");
	this->number_of_frames_2 = this->cap_2.get(cv::CAP_PROP_FRAME_COUNT);
	for (int i = 0; i < this->number_of_frames_2; i++) {

		cv::Mat src, tmp;
		this->cap_2 >> src;
		if (src.empty()) {

			return;
		}

		cv::resize(src, tmp, this->cap_size);
		cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

		this->frame_list_2.push_back(tmp);
	}
}

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

}

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

	this->cam.begin();
	ofTranslate(this->cap_size.width * -0.5 + 20, this->cap_size.height * -0.5 - 20, 0);

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

		ofPushMatrix();
		ofTranslate(this->cv_rects[i].x, this->cap_size.height - this->cv_rects[i].y, 0);

		float noise_value = ofNoise(this->cv_rects[i].x * 0.0025, this->cv_rects[i].y * 0.0025, ofGetFrameNum() * 0.008);
		float deg = 0;
		if (noise_value <= 0.45) { deg = 0; }
		if (noise_value > 0.45 && noise_value < 0.55) { deg = ofMap(noise_value, 0.45, 0.55, 0, 180); }
		if (noise_value >= 0.55) { deg = 180; }
		
		ofRotateY(deg);

		int frame_index = ofGetFrameNum() % this->number_of_frames_1;

		cv::Mat tmp_box_image_1(this->frame_list_1[frame_index], this->cv_rects[i]);
		tmp_box_image_1.copyTo(this->rect_frames[i]);

		this->rect_images[i]->update();
		this->rect_images[i]->getTexture().bind();
		ofSetColor(255);
		ofFill();
		ofDrawBox(glm::vec3(0, 0, 1), this->rect_size, this->rect_size, 1);
		this->rect_images[i]->unbind();

		ofSetColor(39);
		ofNoFill();
		ofDrawBox(glm::vec3(0, 0, 1), this->rect_size, this->rect_size, 1);

		ofPopMatrix();
	}

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

		ofPushMatrix();
		ofTranslate(this->cv_rects[i].x, this->cap_size.height - this->cv_rects[i].y, 0);

		float noise_value = ofNoise(this->cv_rects[i].x * 0.0025, this->cv_rects[i].y * 0.0025, ofGetFrameNum() * 0.008);
		float deg = 0;
		if (noise_value <= 0.45) { deg = 0; }
		if (noise_value > 0.45 && noise_value < 0.55) { deg = ofMap(noise_value, 0.45, 0.55, 0, 180); }
		if (noise_value >= 0.55) { deg = 180; }

		ofRotateY(deg);

		int frame_index = ofGetFrameNum() % this->number_of_frames_2;

		cv::Mat tmp_box_image_2(this->frame_list_2[frame_index], this->cv_rects[i]);
		tmp_box_image_2.copyTo(this->rect_frames[i]);

		this->rect_images[i]->update();
		this->rect_images[i]->getTexture().bind();
		ofSetColor(255);
		ofFill();
		ofDrawBox(glm::vec3(0, 0, -1), this->rect_size, this->rect_size, 1);
		this->rect_images[i]->unbind();

		ofSetColor(39);
		ofNoFill();
		ofDrawBox(glm::vec3(0, 0, -1), this->rect_size, this->rect_size, 1);

		ofPopMatrix();
	}

	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

140

141

142

143

144

145

146

147

148

149

150

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

ofDisableArbTex();

this->cap_1.open("D:\\MP4\\VN20210917_143130.mp4");

this->cap_size = cv::Size(640, 360);

this->rect_size = 40;

for (int x = 0; x < this->cap_size.width; x += this->rect_size) {

for (int y = 0; y < this->cap_size.height; y += this->rect_size) {

auto image = make_unique<ofImage>();

image->allocate(this->rect_size, this->rect_size, OF_IMAGE_COLOR);

cv::Mat frame = cv::Mat(cv::Size(image->getWidth(), image->getHeight()), CV_MAKETYPE(CV_8UC3, image->getPixels().getNumChannels()), image->getPixels().getData(), 0);

cv::Rect rect = cv::Rect(x, y, this->rect_size, this->rect_size);

this->rect_images.push_back(move(image));

this->cv_rects.push_back(rect);

this->rect_frames.push_back(frame);

}

this->number_of_frames_1 = this->cap_1.get(cv::CAP_PROP_FRAME_COUNT);

for (int i = 0; i < this->number_of_frames_1; i++) {

cv::Mat src, tmp;

this->cap_1 >> src;

if (src.empty()) {

return;

}

cv::resize(src, tmp, this->cap_size);

cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

this->frame_list_1.push_back(tmp);

}

this->cap_2.open("D:\\MP4\\MOV_0324.mp4");

this->number_of_frames_2 = this->cap_2.get(cv::CAP_PROP_FRAME_COUNT);

for (int i = 0; i < this->number_of_frames_2; i++) {

cv::Mat src, tmp;

this->cap_2 >> src;

if (src.empty()) {

return;

}

cv::resize(src, tmp, this->cap_size);

cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

this->frame_list_2.push_back(tmp);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofTranslate(this->cap_size.width * -0.5 + 20, this->cap_size.height * -0.5 - 20, 0);

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

ofPushMatrix();

ofTranslate(this->cv_rects[i].x, this->cap_size.height - this->cv_rects[i].y, 0);

float noise_value = ofNoise(this->cv_rects[i].x * 0.0025, this->cv_rects[i].y * 0.0025, ofGetFrameNum() * 0.008);

float deg = 0;

if (noise_value <= 0.45) { deg = 0; }

if (noise_value > 0.45 && noise_value < 0.55) { deg = ofMap(noise_value, 0.45, 0.55, 0, 180); }

if (noise_value >= 0.55) { deg = 180; }

ofRotateY(deg);

int frame_index = ofGetFrameNum() % this->number_of_frames_1;

cv::Mat tmp_box_image_1(this->frame_list_1[frame_index], this->cv_rects[i]);

tmp_box_image_1.copyTo(this->rect_frames[i]);

this->rect_images[i]->update();

this->rect_images[i]->getTexture().bind();

ofSetColor(255);

ofFill();

ofDrawBox(glm::vec3(0, 0, 1), this->rect_size, this->rect_size, 1);

this->rect_images[i]->unbind();

ofSetColor(39);

ofNoFill();

ofDrawBox(glm::vec3(0, 0, 1), this->rect_size, this->rect_size, 1);

ofPopMatrix();

}

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

ofPushMatrix();

ofTranslate(this->cv_rects[i].x, this->cap_size.height - this->cv_rects[i].y, 0);

float noise_value = ofNoise(this->cv_rects[i].x * 0.0025, this->cv_rects[i].y * 0.0025, ofGetFrameNum() * 0.008);

float deg = 0;

if (noise_value <= 0.45) { deg = 0; }

if (noise_value > 0.45 && noise_value < 0.55) { deg = ofMap(noise_value, 0.45, 0.55, 0, 180); }

if (noise_value >= 0.55) { deg = 180; }

ofRotateY(deg);

int frame_index = ofGetFrameNum() % this->number_of_frames_2;

cv::Mat tmp_box_image_2(this->frame_list_2[frame_index], this->cv_rects[i]);

tmp_box_image_2.copyTo(this->rect_frames[i]);

this->rect_images[i]->update();

this->rect_images[i]->getTexture().bind();

ofSetColor(255);

ofFill();

ofDrawBox(glm::vec3(0, 0, -1), this->rect_size, this->rect_size, 1);

this->rect_images[i]->unbind();

ofSetColor(39);

ofNoFill();

ofDrawBox(glm::vec3(0, 0, -1), this->rect_size, this->rect_size, 1);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年10月1日2021年10月1日

Pair of faucets. Draw by openFrameworks

[ Video ]

[ About ]
位置と色はフレーム番号から計算して、対になる方には反対の値とする。

The position and color are calculated from the frame number, and the opposite for the pair.

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.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;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circle_list;
	vector<float> radius_list;
	vector<float> life_list;
	vector<ofColor> color_list;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.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;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circle_list;

vector<float> radius_list;

vector<float> life_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetCircleResolution(60);

	this->box2d.init();
	this->box2d.setGravity(0, 50);
	this->box2d.createBounds();
	this->box2d.setFPS(60);
	this->box2d.registerGrabbing();
}

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

	for (int i = this->circle_list.size() - 1; i > -1; i--) {

		this->life_list[i] -= 1;

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

			this->circle_list.erase(this->circle_list.begin() + i);
			this->radius_list.erase(this->radius_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
		}
	}

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

		int deg = ofMap(ofNoise(ofGetFrameNum() * 0.01), 0, 1, 0, 720) + i * 180;
		auto location = glm::vec2(ofGetWidth() * 0.5 + 150 * cos(deg * DEG_TO_RAD), 200 + 150 * sin(deg * DEG_TO_RAD));
		auto radius = 10;
		auto circle = make_shared<ofxBox2dCircle>();
		circle->setPhysics(0.5, 0.03, 0.1);
		circle->setup(this->box2d.getWorld(), location.x, location.y, radius);
		this->circle_list.push_back(circle);
		this->radius_list.push_back(radius);
		this->life_list.push_back(200);

		ofColor color;
		color.setHsb((ofGetFrameNum() + i * 128) % 255, 130, 255);
		this->color_list.push_back(color);
	}

	this->box2d.update();
}

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

	this->cam.begin();
	ofRotateX(180);
	ofTranslate(ofGetWidth() * -0.5, ofGetHeight() * -0.5);

	ofDrawCircle(glm::vec2(ofGetWidth() * 0.5, 200), 140);
	ofDrawCircle(glm::vec2(ofGetWidth() * 0.5, 200), 160);

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

		ofFill();
		ofSetColor(this->color_list[i]);
		ofDrawCircle(glm::vec2(this->circle_list[i]->getPosition()), this->radius_list[i]);

		ofNoFill();
		ofSetColor(39);
		ofDrawCircle(glm::vec2(this->circle_list[i]->getPosition()), this->radius_list[i]);

	}

	ofSetLineWidth(3);
	ofSetColor(39);
	ofDrawRectangle(0, 0, 720, 720);

	this->cam.end();
}


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetCircleResolution(60);

this->box2d.init();

this->box2d.setGravity(0, 50);

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

}

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

void ofApp::update() {

for (int i = this->circle_list.size() - 1; i > -1; i--) {

this->life_list[i] -= 1;

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

this->circle_list.erase(this->circle_list.begin() + i);

this->radius_list.erase(this->radius_list.begin() + i);

this->life_list.erase(this->life_list.begin() + i);

this->color_list.erase(this->color_list.begin() + i);

}

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

int deg = ofMap(ofNoise(ofGetFrameNum() * 0.01), 0, 1, 0, 720) + i * 180;

auto location = glm::vec2(ofGetWidth() * 0.5 + 150 * cos(deg * DEG_TO_RAD), 200 + 150 * sin(deg * DEG_TO_RAD));

auto radius = 10;

auto circle = make_shared<ofxBox2dCircle>();

circle->setPhysics(0.5, 0.03, 0.1);

circle->setup(this->box2d.getWorld(), location.x, location.y, radius);

this->circle_list.push_back(circle);

this->radius_list.push_back(radius);

this->life_list.push_back(200);

ofColor color;

color.setHsb((ofGetFrameNum() + i * 128) % 255, 130, 255);

this->color_list.push_back(color);

}

this->box2d.update();

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

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

ofDrawCircle(glm::vec2(ofGetWidth() * 0.5, 200), 140);

ofDrawCircle(glm::vec2(ofGetWidth() * 0.5, 200), 160);

ofSetLineWidth(1);

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

ofFill();

ofSetColor(this->color_list[i]);

ofDrawCircle(glm::vec2(this->circle_list[i]->getPosition()), this->radius_list[i]);

ofNoFill();

ofSetColor(39);

ofDrawCircle(glm::vec2(this->circle_list[i]->getPosition()), this->radius_list[i]);

}

ofSetLineWidth(3);

ofSetColor(39);

ofDrawRectangle(0, 0, 720, 720);

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年9月30日2021年9月30日

Stop and up and down. Draw by openFrameworks

[ Video ]

[ About ]
ofNoise()の結果を部分的にofMap()でマッピングして動きに緩急をつける。

The result of ofNoise() is partially mapped with ofMap() to slow down the movement.

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

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(1);
}

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

}

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

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

	auto size = 20;
	auto base_radius = 350;

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

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

		auto base_noise_value = ofNoise(glm::vec3(base_location * 0.008, ofGetFrameNum() * 0.005));
		auto prev_base_noise_value = ofNoise(glm::vec3(base_location * 0.008, (ofGetFrameNum() - 1) * 0.005));
		
		auto radius = base_radius * 0.5;
		auto prev_radius = base_radius * 0.5;

		if (base_noise_value < 0.3) { radius = ofMap(base_noise_value, 0, 0.3, base_radius * 0.2, base_radius * 0.5); }
		else if (base_noise_value > 0.7) { radius = ofMap(base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }
		if (prev_base_noise_value < 0.3) { prev_radius = ofMap(prev_base_noise_value, 0, 0.3, base_radius * 0.2, base_radius * 0.5); }
		else if (prev_base_noise_value > 0.7) { prev_radius = ofMap(prev_base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

		auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		auto prev_location = glm::vec2(prev_radius * cos(deg * DEG_TO_RAD), prev_radius * sin(deg * DEG_TO_RAD));

		if (location == prev_location) {

			ofFill();
			ofSetColor(39);
			ofDrawCircle(prev_location, size * 0.5);
		}
		else {

			this->draw_arrow(prev_location, location, size, ofColor(39), radius < prev_radius ? ofColor(239, 39, 39) : ofColor(39, 39, 239));
		}

	}
}

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

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

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

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

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

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

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

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

100

101

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(1);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

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

auto size = 20;

auto base_radius = 350;

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

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

auto base_noise_value = ofNoise(glm::vec3(base_location * 0.008, ofGetFrameNum() * 0.005));

auto prev_base_noise_value = ofNoise(glm::vec3(base_location * 0.008, (ofGetFrameNum() - 1) * 0.005));

auto radius = base_radius * 0.5;

auto prev_radius = base_radius * 0.5;

if (base_noise_value < 0.3) { radius = ofMap(base_noise_value, 0, 0.3, base_radius * 0.2, base_radius * 0.5); }

else if (base_noise_value > 0.7) { radius = ofMap(base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

if (prev_base_noise_value < 0.3) { prev_radius = ofMap(prev_base_noise_value, 0, 0.3, base_radius * 0.2, base_radius * 0.5); }

else if (prev_base_noise_value > 0.7) { prev_radius = ofMap(prev_base_noise_value, 0.7, 1, base_radius * 0.5, base_radius * 0.9); }

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

auto prev_location = glm::vec2(prev_radius * cos(deg * DEG_TO_RAD), prev_radius * sin(deg * DEG_TO_RAD));

if (location == prev_location) {

ofFill();

ofSetColor(39);

ofDrawCircle(prev_location, size * 0.5);

}

else {

this->draw_arrow(prev_location, location, size, ofColor(39), radius < prev_radius ? ofColor(239, 39, 39) : ofColor(39, 39, 239));

}

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

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

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

ofSetColor(fill_color);

ofFill();

ofBeginShape();

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

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

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

ofEndShape();

ofBeginShape();

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

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

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

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

ofEndShape();

ofSetColor(no_fill_color);

ofNoFill();

ofBeginShape();

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

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

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

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

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

ofEndShape();

ofBeginShape();

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

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

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

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

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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