programming – ページ 375 – プログラミング de 落描き

2020年7月12日

Duplicate multiple lines with Rotate. Draw by openFrameworks

[ Video ]

[ About ]
複数の線をRotateで複製する。

Duplicate multiple lines with Rotate.

Inspired by https://www.instagram.com/p/CCWN2ruJQru/?utm_source=ig_web_button_share_sheet

[ Source ]

#pragma once
#include "ofMain.h"

class ofApp : public ofBaseApp {

public:
	void setup();
	void update();
	void draw();

	void keyPressed(int key) {};
	void keyReleased(int key) {};
	void mouseMoved(int x, int y) {};
	void mouseDragged(int x, int y, int button) {};
	void mousePressed(int x, int y, int button) {};
	void mouseReleased(int x, int y, int button) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};
};

#pragma once

#include "ofMain.h"

class ofApp : public ofBaseApp {

public:

void setup();

void update();

void draw();

void keyPressed(int key) {};

void keyReleased(int key) {};

void mouseMoved(int x, int y) {};

void mouseDragged(int x, int y, int button) {};

void mousePressed(int x, int y, int button) {};

void mouseReleased(int x, int y, int button) {};

void windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(2);
}

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

	ofSeedRandom(39);
}

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

	for (int x = 60; x <= ofGetWidth(); x += 120) {

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

			ofPushMatrix();
			ofTranslate(x, y);

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

				auto noise_seed_deg = ofRandom(1000);
				auto noise_seed_radius = ofRandom(1000);

				vector<glm::vec2> vertices;
				for (int i = 0; i < 20; i++) {

					auto noise_deg = ofMap(ofNoise(noise_seed_deg, (ofGetFrameNum() + i) * 0.001), 0, 1, -360, 360);
					auto noise_radius = ofMap(ofNoise(noise_seed_radius, (ofGetFrameNum() + i) * 0.01), 0, 1, -50, 50);
					vertices.push_back(glm::vec2(noise_radius * cos(noise_deg * DEG_TO_RAD), noise_radius * sin(noise_deg * DEG_TO_RAD)));
				}

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

					ofRotateZ(36);

					ofNoFill();
					ofBeginShape();
					ofVertices(vertices);
					ofEndShape();
				}
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

for (int x = 60; x <= ofGetWidth(); x += 120) {

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

ofPushMatrix();

ofTranslate(x, y);

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

auto noise_seed_deg = ofRandom(1000);

auto noise_seed_radius = ofRandom(1000);

vector<glm::vec2> vertices;

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

auto noise_deg = ofMap(ofNoise(noise_seed_deg, (ofGetFrameNum() + i) * 0.001), 0, 1, -360, 360);

auto noise_radius = ofMap(ofNoise(noise_seed_radius, (ofGetFrameNum() + i) * 0.01), 0, 1, -50, 50);

vertices.push_back(glm::vec2(noise_radius * cos(noise_deg * DEG_TO_RAD), noise_radius * sin(noise_deg * DEG_TO_RAD)));

}

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

ofRotateZ(36);

ofNoFill();

ofBeginShape();

ofVertices(vertices);

ofEndShape();

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年7月11日

Circular walk. Draw by openFrameworks

[ Video ]

[ About ]
ぐるぐるウォーク。

Circular walk.

[ Source ]

#pragma once
#include "ofMain.h"

class Walker {

public:
	Walker(glm::vec2 location, ofColor color);
	void update();
	void change_rotate();
	void draw();
private:
	
	glm::vec2 rotate_location;
	float rotate_radius;
	float rotate_deg;
	int rotate_direction;

	vector<glm::vec2> log;
	ofColor color;
};

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

	vector<Walker> walker_list;
};

#pragma once

#include "ofMain.h"

class Walker {

public:

Walker(glm::vec2 location, ofColor color);

void update();

void change_rotate();

void draw();

private:

glm::vec2 rotate_location;

float rotate_radius;

float rotate_deg;

int rotate_direction;

vector<glm::vec2> log;

ofColor color;

};

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

vector<Walker> walker_list;

};

#include "ofApp.h"

//--------------------------------------------------------------
Walker::Walker(glm::vec2 location, ofColor color) {

	this->log.push_back(location);
	this->change_rotate();

	this->color = color;
}

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

	if (glm::length(this->log.back()) > 720) {

		this->log.clear();
		auto location = glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300));
		this->log.push_back(location);
		this->change_rotate();
	}

	auto location = this->rotate_location + glm::vec2(this->rotate_radius * cos(this->rotate_deg * DEG_TO_RAD), this->rotate_radius * sin(this->rotate_deg * DEG_TO_RAD));
	this->rotate_deg += this->rotate_direction * 10;
	this->rotate_radius -= 0.25;

	this->log.push_back(location);

	if (this->rotate_radius < 0 || ofRandom(100) < 0.5) {

		this->change_rotate();
	}

	while (this->log.size() > 150) { this->log.erase(this->log.begin()); }
}

//--------------------------------------------------------------
void Walker::change_rotate() {

	auto tmp_radius = ofRandom(30, 80);
	auto tmp_deg = this->rotate_deg + ofRandom(-90, 90);
	this->rotate_location = this->log.back() + glm::vec2(tmp_radius * cos(tmp_deg * DEG_TO_RAD), tmp_radius * sin(tmp_deg * DEG_TO_RAD));
	this->rotate_deg = 180 + tmp_deg;
	this->rotate_radius = tmp_radius;

	this->rotate_direction = ofRandom(100) < 50 ? 1 : -1;
}

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

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

		if (i < this->log.size() * 0.5) {

			ofSetColor(ofColor(color, ofMap(i, 0, this->log.size() * 0.5, 0, 255)));
		}
		else {

			ofSetColor(ofColor(color));
		}
		
		ofDrawLine(this->log[i], this->log[i + 1]);
	}
}

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

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

	ofBackground(0);
	ofSetLineWidth(2);

	vector<ofColor> base_color_list;
	ofColor color;
	vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		base_color_list.push_back(color);
	}

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

		this->walker_list.push_back(Walker(glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300)), base_color_list[ofRandom(base_color_list.size())]));
	}
}

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

	for (auto& walker : this->walker_list) {

		walker.update();
	}
}

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

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

	for (auto& walker : this->walker_list) {

		walker.draw();
	}
}

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

#include "ofApp.h"

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

Walker::Walker(glm::vec2 location, ofColor color) {

this->log.push_back(location);

this->change_rotate();

this->color = color;

}

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

void Walker::update() {

if (glm::length(this->log.back()) > 720) {

this->log.clear();

auto location = glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300));

this->log.push_back(location);

this->change_rotate();

}

auto location = this->rotate_location + glm::vec2(this->rotate_radius * cos(this->rotate_deg * DEG_TO_RAD), this->rotate_radius * sin(this->rotate_deg * DEG_TO_RAD));

this->rotate_deg += this->rotate_direction * 10;

this->rotate_radius -= 0.25;

this->log.push_back(location);

if (this->rotate_radius < 0 || ofRandom(100) < 0.5) {

this->change_rotate();

}

while (this->log.size() > 150) { this->log.erase(this->log.begin()); }

}

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

void Walker::change_rotate() {

auto tmp_radius = ofRandom(30, 80);

auto tmp_deg = this->rotate_deg + ofRandom(-90, 90);

this->rotate_location = this->log.back() + glm::vec2(tmp_radius * cos(tmp_deg * DEG_TO_RAD), tmp_radius * sin(tmp_deg * DEG_TO_RAD));

this->rotate_deg = 180 + tmp_deg;

this->rotate_radius = tmp_radius;

this->rotate_direction = ofRandom(100) < 50 ? 1 : -1;

}

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

void Walker::draw() {

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

if (i < this->log.size() * 0.5) {

ofSetColor(ofColor(color, ofMap(i, 0, this->log.size() * 0.5, 0, 255)));

}

else {

ofSetColor(ofColor(color));

}

ofDrawLine(this->log[i], this->log[i + 1]);

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetLineWidth(2);

vector<ofColor> base_color_list;

ofColor color;

vector<int> hex_list = { 0x247BA0, 0x70C1B3, 0xB2DBBF, 0xF3FFBD, 0xFF1654 };

for (auto hex : hex_list) {

color.setHex(hex);

base_color_list.push_back(color);

}

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

this->walker_list.push_back(Walker(glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300)), base_color_list[ofRandom(base_color_list.size())]));

}

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

void ofApp::update() {

for (auto& walker : this->walker_list) {

walker.update();

}

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

void ofApp::draw() {

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

for (auto& walker : this->walker_list) {

walker.draw();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年7月10日

Random walk with a side trip. Draw by openFrameworks

[ Video ]

[ About ]
寄り道するランダムウォーク。

Random walk with a side trip.

[ Source ]

#pragma once
#include "ofMain.h"

class Walker {

public:
	Walker(glm::vec2 location);
	void update();
	void draw();
private:
	glm::vec2 location;
	glm::vec2 direction;

	glm::vec2 rotate_location;
	float rotate_radius;
	float rotate_deg;

	vector<glm::vec2> log;
};

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

	vector<Walker> walker_list;
};

#pragma once

#include "ofMain.h"

class Walker {

public:

Walker(glm::vec2 location);

void update();

void draw();

private:

glm::vec2 location;

glm::vec2 direction;

glm::vec2 rotate_location;

float rotate_radius;

float rotate_deg;

vector<glm::vec2> log;

};

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

vector<Walker> walker_list;

};

#include "ofApp.h"

//--------------------------------------------------------------
Walker::Walker(glm::vec2 location) {

	this->location = location;
	this->direction = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))) * 3;

	this->rotate_location = glm::vec2();
	this->rotate_radius = 0;
	this->rotate_deg = 0;
}

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

	if (this->location.x > -230 && this->location.x < 230 && this->location.y > -230 && this->location.y < 230) {

		if (this->log.size() > 0 && ofRandom(1000) < 5) {

			auto prev_location = this->log.back();
			auto rad = std::atan2(this->location.y - prev_location.y, this->location.x - prev_location.x);
			this->rotate_radius = 40;

			if (ofRandom(100) < 50) {

				this->rotate_location = this->location + glm::vec2(this->rotate_radius * cos(rad + PI * 0.5), this->rotate_radius * sin(rad + PI * 0.5));
				this->rotate_deg = 270;
			}
			else {

				this->rotate_location = this->location + glm::vec2(this->rotate_radius * cos(rad - PI * 0.5), this->rotate_radius * sin(rad - PI * 0.5));
				this->rotate_deg = 90;
			}
		}
	}

	if (this->rotate_radius < 10) {

		this->location += this->direction;

		if (this->location.x < -300 || this->location.x > 300) {

			this->direction *= -1;
			this->location += this->direction;
		}

		if (this->location.y < -300 || this->location.y > 300) {

			this->direction *= -1;
			this->location += this->direction;
		}
	}
	else {

		this->location = this->rotate_location + glm::vec2(this->rotate_radius * cos(this->rotate_deg * DEG_TO_RAD), this->rotate_radius * sin(this->rotate_deg * DEG_TO_RAD));
		this->rotate_deg += 15;
		this->rotate_radius = this->rotate_radius <= 0 ? 0 : this->rotate_radius - 0.5;

		this->direction = glm::normalize(this->location - this->log.back()) * 3;

		if (ofRandom(100) < 1) {

			this->rotate_radius = 0;
		}
	}

	this->log.push_back(this->location);

	while (this->log.size() > 35){
		
		this->log.erase(this->log.begin());
	}
}

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

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

		ofSetColor(ofColor(ofMap(i, 0, this->log.size(), 239, 39)));
		ofDrawLine(this->log[i], this->log[i + 1]);
	}

	ofFill();
	ofDrawCircle(this->log.back(), 4);
}

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

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

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(2);

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

		this->walker_list.push_back(Walker(glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300))));
	}
}

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

	for (auto& walker : this->walker_list) {

		walker.update();
	}
}

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

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

	for (auto& walker : this->walker_list) {

		walker.draw();
	}
}

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

#include "ofApp.h"

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

Walker::Walker(glm::vec2 location) {

this->location = location;

this->direction = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))) * 3;

this->rotate_location = glm::vec2();

this->rotate_radius = 0;

this->rotate_deg = 0;

}

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

void Walker::update() {

if (this->location.x > -230 && this->location.x < 230 && this->location.y > -230 && this->location.y < 230) {

if (this->log.size() > 0 && ofRandom(1000) < 5) {

auto prev_location = this->log.back();

auto rad = std::atan2(this->location.y - prev_location.y, this->location.x - prev_location.x);

this->rotate_radius = 40;

if (ofRandom(100) < 50) {

this->rotate_location = this->location + glm::vec2(this->rotate_radius * cos(rad + PI * 0.5), this->rotate_radius * sin(rad + PI * 0.5));

this->rotate_deg = 270;

}

else {

this->rotate_location = this->location + glm::vec2(this->rotate_radius * cos(rad - PI * 0.5), this->rotate_radius * sin(rad - PI * 0.5));

this->rotate_deg = 90;

}

if (this->rotate_radius < 10) {

this->location += this->direction;

if (this->location.x < -300 || this->location.x > 300) {

this->direction *= -1;

this->location += this->direction;

}

if (this->location.y < -300 || this->location.y > 300) {

this->direction *= -1;

this->location += this->direction;

}

else {

this->location = this->rotate_location + glm::vec2(this->rotate_radius * cos(this->rotate_deg * DEG_TO_RAD), this->rotate_radius * sin(this->rotate_deg * DEG_TO_RAD));

this->rotate_deg += 15;

this->rotate_radius = this->rotate_radius <= 0 ? 0 : this->rotate_radius - 0.5;

this->direction = glm::normalize(this->location - this->log.back()) * 3;

if (ofRandom(100) < 1) {

this->rotate_radius = 0;

}

this->log.push_back(this->location);

while (this->log.size() > 35){

this->log.erase(this->log.begin());

}

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

void Walker::draw() {

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

ofSetColor(ofColor(ofMap(i, 0, this->log.size(), 239, 39)));

ofDrawLine(this->log[i], this->log[i + 1]);

}

ofFill();

ofDrawCircle(this->log.back(), 4);

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(2);

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

this->walker_list.push_back(Walker(glm::vec2(ofRandom(-300, 300), ofRandom(-300, 300))));

}

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

void ofApp::update() {

for (auto& walker : this->walker_list) {

walker.update();

}

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

void ofApp::draw() {

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

for (auto& walker : this->walker_list) {

walker.draw();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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