RandomWalk – ページ 35 – プログラミング de 落描き

2022年5月12日

Milky Way. Draw by openFrameworks

[ Video ]

[ About ]
天の川。

Milky Way.

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

	ofEasyCam cam;
};

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

ofEasyCam cam;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

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

	auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));
	for (int i = 0; i < 400; i++) {

		if (i % 200 == 0) {

			noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));
		}

		auto x = ofMap(ofNoise(noise_seed.x, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);
		auto y = ofMap(ofNoise(noise_seed.y, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);

		ofPushMatrix();
		ofTranslate(x + ofRandom(-15, 15), y + ofRandom(-15, 15));
		ofRotate(ofRandom(360));

		ofMesh mesh;
		mesh.addVertex(glm::vec3());
		mesh.addColor(color_palette[ofRandom(0, 7)]);

		int radius = ofRandom(10, 30);
		for (int k = 0; k < 5; k++) {

			auto deg = k * 72;

			mesh.addVertex(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
			mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg - 36) * DEG_TO_RAD), radius * 0.5 * sin((deg - 36) * DEG_TO_RAD), 0));
			mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg + 36) * DEG_TO_RAD), radius * 0.5 * sin((deg + 36) * DEG_TO_RAD), 0));

			mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 1); mesh.addIndex(mesh.getNumVertices() - 3);
			mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 2); mesh.addIndex(mesh.getNumVertices() - 3);

			mesh.addColor(0);
			mesh.addColor(0);
			mesh.addColor(0);
		}

		mesh.draw();

		ofPopMatrix();
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

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

auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

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

if (i % 200 == 0) {

noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

}

auto x = ofMap(ofNoise(noise_seed.x, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);

auto y = ofMap(ofNoise(noise_seed.y, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);

ofPushMatrix();

ofTranslate(x + ofRandom(-15, 15), y + ofRandom(-15, 15));

ofRotate(ofRandom(360));

ofMesh mesh;

mesh.addVertex(glm::vec3());

mesh.addColor(color_palette[ofRandom(0, 7)]);

int radius = ofRandom(10, 30);

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

auto deg = k * 72;

mesh.addVertex(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg - 36) * DEG_TO_RAD), radius * 0.5 * sin((deg - 36) * DEG_TO_RAD), 0));

mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg + 36) * DEG_TO_RAD), radius * 0.5 * sin((deg + 36) * DEG_TO_RAD), 0));

mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 1); mesh.addIndex(mesh.getNumVertices() - 3);

mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 2); mesh.addIndex(mesh.getNumVertices() - 3);

mesh.addColor(0);

}

mesh.draw();

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年5月10日

Gradation relationship. Draw by openFrameworks

[ Video ]

[ About ]
線はお互いの色のグラデーションカラー。

Gradation color line.

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

	float radius;
	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circle_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) {};

float radius;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circle_list;

vector<ofColor> color_list;

};

#include "ofApp.h"

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

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

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

	this->radius = 20;

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

	ofColor color;
	for (int i = 0; i < 50; i++) {
		
		auto circle = make_shared<ofxBox2dCircle>();
		circle->setPhysics(0.5, 0.63, 0.1);
		circle->setup(this->box2d.getWorld(), ofRandom(30, 670), ofRandom(30, 670), this->radius);
		this->circle_list.push_back(circle);

		color.setHsb(ofMap(i, 0, 50, 0, 255), 180, 255);
		this->color_list.push_back(color);
	}
}

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

	ofSeedRandom(39);

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

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

			float distance = this->circle_list[i]->getPosition().distance(this->circle_list[j]->getPosition());
			if (distance < this->radius * 4) {

				this->circle_list[i]->addForce(this->circle_list[i]->getPosition() - this->circle_list[j]->getPosition(), ofMap(distance, this->radius, this->radius * 4, 1, 2));
				this->circle_list[j]->addForce(this->circle_list[j]->getPosition() - this->circle_list[i]->getPosition(), ofMap(distance, this->radius, this->radius * 4, 1, 2));
			}
		}
	}

	this->box2d.update();
}

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

	ofMesh line;
	line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

		glm::vec2 location = this->circle_list[i]->getPosition();

		ofSetColor(this->color_list[i]);
		ofDrawCircle(location, 10);

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

			glm::vec2 other = this->circle_list[k]->getPosition();
			if (location == other) { continue; }

			auto distance = glm::distance(location, other);
			if (distance < threshold) {

				auto direction_rad = std::atan2(other.y - location.y, other.x - location.x);
				auto direction = direction_rad * RAD_TO_DEG;
				auto width = ofMap(distance, 0, threshold, 360, 0);

				ofNoFill();

				ofBeginShape();
				for (auto deg = direction - width * 0.65; deg <= direction + width * 0.65; deg++) {

					ofVertex(location.x + this->radius * cos(deg * DEG_TO_RAD), location.y + this->radius * sin(deg * DEG_TO_RAD));
				}
				ofEndShape();

				line.addVertex(glm::vec3(location + glm::vec2(this->radius * cos(direction * DEG_TO_RAD), this->radius * sin(direction * DEG_TO_RAD)), 0));
				line.addVertex(glm::vec3(other + glm::vec2(this->radius * cos((180 + direction) * DEG_TO_RAD), this->radius * sin((180 + direction) * DEG_TO_RAD)), 0));

				line.addColor(this->color_list[i]);
				line.addColor(this->color_list[k]);

				line.addIndex(line.getNumVertices() - 1);
				line.addIndex(line.getNumVertices() - 2);
			}
		}
	}

	ofSetColor(255);
	ofDrawRectangle(20, 20, 680, 680);
	line.drawWireframe();
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(2);

ofNoFill();

this->radius = 20;

this->box2d.init();

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

this->box2d.createBounds(20, 20, 680, 680);

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

ofColor color;

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

auto circle = make_shared<ofxBox2dCircle>();

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

circle->setup(this->box2d.getWorld(), ofRandom(30, 670), ofRandom(30, 670), this->radius);

this->circle_list.push_back(circle);

color.setHsb(ofMap(i, 0, 50, 0, 255), 180, 255);

this->color_list.push_back(color);

}

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

void ofApp::update() {

ofSeedRandom(39);

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

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

float distance = this->circle_list[i]->getPosition().distance(this->circle_list[j]->getPosition());

if (distance < this->radius * 4) {

this->circle_list[i]->addForce(this->circle_list[i]->getPosition() - this->circle_list[j]->getPosition(), ofMap(distance, this->radius, this->radius * 4, 1, 2));

this->circle_list[j]->addForce(this->circle_list[j]->getPosition() - this->circle_list[i]->getPosition(), ofMap(distance, this->radius, this->radius * 4, 1, 2));

}

this->box2d.update();

}

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

void ofApp::draw() {

ofMesh line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

auto threshold = 100;

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

glm::vec2 location = this->circle_list[i]->getPosition();

ofSetColor(this->color_list[i]);

ofDrawCircle(location, 10);

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

glm::vec2 other = this->circle_list[k]->getPosition();

if (location == other) { continue; }

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

if (distance < threshold) {

auto direction_rad = std::atan2(other.y - location.y, other.x - location.x);

auto direction = direction_rad * RAD_TO_DEG;

auto width = ofMap(distance, 0, threshold, 360, 0);

ofNoFill();

ofBeginShape();

for (auto deg = direction - width * 0.65; deg <= direction + width * 0.65; deg++) {

ofVertex(location.x + this->radius * cos(deg * DEG_TO_RAD), location.y + this->radius * sin(deg * DEG_TO_RAD));

}

ofEndShape();

line.addVertex(glm::vec3(location + glm::vec2(this->radius * cos(direction * DEG_TO_RAD), this->radius * sin(direction * DEG_TO_RAD)), 0));

line.addVertex(glm::vec3(other + glm::vec2(this->radius * cos((180 + direction) * DEG_TO_RAD), this->radius * sin((180 + direction) * DEG_TO_RAD)), 0));

line.addColor(this->color_list[i]);

line.addColor(this->color_list[k]);

line.addIndex(line.getNumVertices() - 1);

line.addIndex(line.getNumVertices() - 2);

}

ofSetColor(255);

ofDrawRectangle(20, 20, 680, 680);

line.drawWireframe();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年5月6日

B. Draw by openFrameworks

[ Video ]

[ About ]
B.

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

	float radius;
	ofTrueTypeFont font;

	vector<glm::vec2> base_location_list;
	vector<ofColor> color_list;
	vector<vector<glm::vec2>> log_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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

float radius;

ofTrueTypeFont font;

vector<glm::vec2> base_location_list;

vector<ofColor> color_list;

vector<vector<glm::vec2>> log_list;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofNoFill();

	this->radius = 250;

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

	auto path_list = font.getStringAsPoints(word, true, false);
	ofColor color;
	for (auto path : path_list) {

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

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

				this->base_location_list.push_back(glm::vec2(
				    ofGetWindowWidth() * 0.5 + vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, 
					ofGetWindowHeight() * 0.5 + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5));
				color.setHsb((int)ofMap(vertices_index, 0, vertices.size(), 0, 255 * 3) % 255, 255, 255);
				this->color_list.push_back(color);
			}
		}
	}
}

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

	this->log_list.clear();

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

		vector<glm::vec2> log;
		log.push_back(this->base_location_list[i]);
		this->log_list.push_back(log);
	}

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

		int k = 0;
		while (true) {

			auto base_deg = RAD_TO_DEG * atan2(this->log_list[i].front().y - ofGetHeight() * 0.5, this->log_list[i].front().x - ofGetWindowWidth() * 0.5);
			auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.02, ofGetFrameNum() * 0.008 + k * 0.001)), 0, 1, base_deg - 90, base_deg + 90);
			auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

			if (glm::distance(glm::vec2(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.5), next) < this->radius) {

				this->log_list[i].push_back(next);
			}
			else {

				break;
			}

			k++;
		}
	}
}

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

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

		ofSetColor(this->color_list[i]);

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofNoFill();

this->radius = 250;

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

string word = "B";

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

ofColor color;

for (auto path : path_list) {

auto outline = path.getOutline();

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

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

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

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

this->base_location_list.push_back(glm::vec2(

ofGetWindowWidth() * 0.5 + vertices[vertices_index].x - this->font.stringWidth(word) * 0.5,

ofGetWindowHeight() * 0.5 + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5));

color.setHsb((int)ofMap(vertices_index, 0, vertices.size(), 0, 255 * 3) % 255, 255, 255);

this->color_list.push_back(color);

}

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

void ofApp::update() {

this->log_list.clear();

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

vector<glm::vec2> log;

log.push_back(this->base_location_list[i]);

this->log_list.push_back(log);

}

int step = 1;

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

int k = 0;

while (true) {

auto base_deg = RAD_TO_DEG * atan2(this->log_list[i].front().y - ofGetHeight() * 0.5, this->log_list[i].front().x - ofGetWindowWidth() * 0.5);

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.02, ofGetFrameNum() * 0.008 + k * 0.001)), 0, 1, base_deg - 90, base_deg + 90);

auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

if (glm::distance(glm::vec2(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.5), next) < this->radius) {

this->log_list[i].push_back(next);

}

else {

break;

}

k++;

}

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

void ofApp::draw() {

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

ofSetColor(this->color_list[i]);

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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