2022年2月 – ページ 2 – プログラミング de 落描き

2022年2月25日

Vivid Red & Tornado. Draw by openFrameworks

[ Video ]

[ About ]
配色デザインインスピレーションブックⅢという本を購入して参照しました。

[ Source ]

#pragma once
#include "ofMain.h"

class ofApp : public ofBaseApp {

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

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

	void paletteShuffle(vector<ofColor>& color_palette);
};

#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 paletteShuffle(vector<ofColor>& color_palette);

};

#include "ofApp.h"

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

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

	ofBackground(255);
	ofSetLineWidth(3);
	ofSetCircleResolution(60);
}

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

	ofSeedRandom(39);
}

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

	// 配色デザイン ビビッドレッド P038
	vector<ofColor> color_palette;
	color_palette.push_back(ofColor(109, 23, 129));
	color_palette.push_back(ofColor(75, 83, 158));
	color_palette.push_back(ofColor(132, 93, 159));
	color_palette.push_back(ofColor(66, 35, 128));
	color_palette.push_back(ofColor(200, 64, 114));
	color_palette.push_back(ofColor(0, 160, 158));
	color_palette.push_back(ofColor(215, 130, 63));
	color_palette.push_back(ofColor(0, 0, 0));

	ofTranslate(ofGetWindowSize() * 0.5);

	for (int x = -230; x <= 230; x += 230) {

		for (int y = -230; y <= 230; y += 230) {

			this->paletteShuffle(color_palette);

			ofFill();
			ofSetColor(color_palette[0]);
			ofDrawCircle(x, y, 100);

			ofNoFill();
			ofSetColor(color_palette[1]);
			ofDrawCircle(x, y, 100);

			auto noise_seed = ofRandom(1000);

			for (int radius = 30; radius < 85; radius += 5) {

				int deg_start = ofNoise(noise_seed, ofGetFrameNum() * 0.02 + radius * 0.0085) * 720;
				for (int i = 0; i < 2; i++) {

					ofSetColor(color_palette[2 + i]);

					ofBeginShape();
					for (int deg = deg_start + i * 180; deg < deg_start + i * 180 + 90; deg += 1) {

						ofVertex(x + radius * cos(deg * DEG_TO_RAD), y + radius * sin(deg * DEG_TO_RAD));
					}
					ofEndShape();
				}
			}

		}
	}
}

//--------------------------------------------------------------
void ofApp::paletteShuffle(vector<ofColor>& color_palette) {

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

		int k = ofRandom(i, color_palette.size());
		ofColor tmp = color_palette[i];
		color_palette[i] = color_palette[k];
		color_palette[k] = tmp;
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(3);

ofSetCircleResolution(60);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

// 配色デザインビビッドレッド P038

vector<ofColor> color_palette;

color_palette.push_back(ofColor(109, 23, 129));

color_palette.push_back(ofColor(75, 83, 158));

color_palette.push_back(ofColor(132, 93, 159));

color_palette.push_back(ofColor(66, 35, 128));

color_palette.push_back(ofColor(200, 64, 114));

color_palette.push_back(ofColor(0, 160, 158));

color_palette.push_back(ofColor(215, 130, 63));

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

ofTranslate(ofGetWindowSize() * 0.5);

for (int x = -230; x <= 230; x += 230) {

for (int y = -230; y <= 230; y += 230) {

this->paletteShuffle(color_palette);

ofFill();

ofSetColor(color_palette[0]);

ofDrawCircle(x, y, 100);

ofNoFill();

ofSetColor(color_palette[1]);

ofDrawCircle(x, y, 100);

auto noise_seed = ofRandom(1000);

for (int radius = 30; radius < 85; radius += 5) {

int deg_start = ofNoise(noise_seed, ofGetFrameNum() * 0.02 + radius * 0.0085) * 720;

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

ofSetColor(color_palette[2 + i]);

ofBeginShape();

for (int deg = deg_start + i * 180; deg < deg_start + i * 180 + 90; deg += 1) {

ofVertex(x + radius * cos(deg * DEG_TO_RAD), y + radius * sin(deg * DEG_TO_RAD));

}

ofEndShape();

}

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

void ofApp::paletteShuffle(vector<ofColor>& color_palette) {

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

int k = ofRandom(i, color_palette.size());

ofColor tmp = color_palette[i];

color_palette[i] = color_palette[k];

color_palette[k] = tmp;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年2月24日2022年2月24日

Soft Green & Node Garden. Draw by openFrameworks

[ video ]

[ About ]
配色デザインインスピレーションブックⅢという本を購入して参照しました。

[ Source ]

#pragma once
#include "ofMain.h"

class ofApp : public ofBaseApp {

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

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

	ofMesh mesh;
	vector<glm::vec3> circle_list;
	vector<ofColor> color_list;

	vector<ofColor> color_palette;
};

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

ofMesh mesh;

vector<glm::vec3> circle_list;

vector<ofColor> color_list;

vector<ofColor> color_palette;

};

#include "ofApp.h"	

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

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

	ofBackground(255);
	ofSetLineWidth(3);
	ofSetCircleResolution(30);

	// 配色デザイン ソフトグリーン P114
	this->color_palette.push_back(ofColor(97, 157, 110));
	this->color_palette.push_back(ofColor(119, 180, 106));
	this->color_palette.push_back(ofColor(143, 173, 91));
	this->color_palette.push_back(ofColor(145, 195, 161));
	this->color_palette.push_back(ofColor(93, 169, 145));
	this->color_palette.push_back(ofColor(249, 229, 128));
	this->color_palette.push_back(ofColor(131, 193, 215));
	this->color_palette.push_back(ofColor(255, 255, 255));

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


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

	ofSeedRandom(39);

	this->mesh.clear();
	this->circle_list.clear();

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

		auto location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.0035), 0, 1, -300, 300), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.0035), 0, 1, -300, 300));
		location_list.push_back(location);
	}

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

		this->circle_list.push_back(glm::vec3(location_list[i], 0));
		this->color_list.push_back(this->color_palette[ofRandom(this->color_palette.size())]);
		auto near_count = 0;
		for (int k = 0; k < location_list.size(); k++) {

			if (i == k) { continue; }

			auto distance = glm::distance(location_list[i], location_list[k]);
			if (distance < 50) {

				this->mesh.addVertex(glm::vec3(location_list[i], 0));
				this->mesh.addVertex(glm::vec3(location_list[k], 0));

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

				near_count++;
			}
		}

		this->circle_list.back().z = pow(1.5, near_count);
	}
}

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

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

	ofDrawRectangle(-320, -320, 640, 640);

	ofSetColor(0);
	ofSetLineWidth(1.5);
	this->mesh.drawWireframe();
	
	ofNoFill();
	ofSetLineWidth(3);
	for (auto& circle : this->circle_list) {

		ofDrawCircle(glm::vec2(circle.x, circle.y), circle.z);
	}

	ofFill();
	for (auto& circle : this->circle_list) {

		ofSetColor(this->color_palette[ofRandom(this->color_palette.size())]);
		ofDrawCircle(glm::vec2(circle.x, circle.y), circle.z);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(3);

ofSetCircleResolution(30);

// 配色デザインソフトグリーン P114

this->color_palette.push_back(ofColor(97, 157, 110));

this->color_palette.push_back(ofColor(119, 180, 106));

this->color_palette.push_back(ofColor(143, 173, 91));

this->color_palette.push_back(ofColor(145, 195, 161));

this->color_palette.push_back(ofColor(93, 169, 145));

this->color_palette.push_back(ofColor(249, 229, 128));

this->color_palette.push_back(ofColor(131, 193, 215));

this->color_palette.push_back(ofColor(255, 255, 255));

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

this->circle_list.clear();

vector<glm::vec2> location_list;

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

auto location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.0035), 0, 1, -300, 300), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.0035), 0, 1, -300, 300));

location_list.push_back(location);

}

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

this->circle_list.push_back(glm::vec3(location_list[i], 0));

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

auto near_count = 0;

for (int k = 0; k < location_list.size(); k++) {

if (i == k) { continue; }

auto distance = glm::distance(location_list[i], location_list[k]);

if (distance < 50) {

this->mesh.addVertex(glm::vec3(location_list[i], 0));

this->mesh.addVertex(glm::vec3(location_list[k], 0));

this->mesh.addIndex(this->mesh.getNumVertices() - 1);

this->mesh.addIndex(this->mesh.getNumVertices() - 2);

near_count++;

}

this->circle_list.back().z = pow(1.5, near_count);

}

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

void ofApp::draw() {

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

ofDrawRectangle(-320, -320, 640, 640);

ofSetColor(0);

ofSetLineWidth(1.5);

this->mesh.drawWireframe();

ofNoFill();

ofSetLineWidth(3);

for (auto& circle : this->circle_list) {

ofDrawCircle(glm::vec2(circle.x, circle.y), circle.z);

}

ofFill();

for (auto& circle : this->circle_list) {

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

ofDrawCircle(glm::vec2(circle.x, circle.y), circle.z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年2月23日

Number drops. Draw by openFrameworks

[ Video ]

[ About ]
座標をNormalizeして球体状にする。

Normalize the coordinates to make a spherical shape.

[ 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;
	int font_size;

	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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofTrueTypeFont font;

int font_size;

ofEasyCam cam;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetLineWidth(3);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);
	ofRotateY(ofGetFrameNum() * -1.5);

	string word = "0123456789";
	int sample_count = 300;

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

		int word_index = ofRandom(word.size());
		auto radius = 200 + i - 30;
		glm::vec3 base_location = glm::vec3(0, (int)(ofRandom(600) + ofGetFrameNum() * ofRandom(3, 8)) % 600 - 300, 90);
		auto rotation_y = glm::rotate(glm::mat4(), ofRandom(-PI, PI), glm::vec3(0, 1, 0));

		ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false);
		vector<ofPolyline> outline = chara_path.getOutline();

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

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

			auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
			for (auto& vertex : vertices) {

				auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * 0.5, 0);
				location.x *= -1;
				location = glm::vec4(base_location + location, 0) * rotation_y;
				location = glm::normalize(location) * radius;
				ofVertex(location);
			}
		}
		ofEndShape(true);

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

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

			auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
			for (auto& vertex : vertices) {

				auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * 0.5, 0);
				location.x *= -1;
				location = glm::vec4(base_location + location, 0) * rotation_y;
				location = glm::normalize(location) * radius;
				ofVertex(location);
			}
		}
		ofEndShape(true);
	}

	this->cam.end();
}


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(3);

ofEnableDepthTest();

this->font_size = 80;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

ofRotateY(ofGetFrameNum() * -1.5);

string word = "0123456789";

int sample_count = 300;

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

int word_index = ofRandom(word.size());

auto radius = 200 + i - 30;

glm::vec3 base_location = glm::vec3(0, (int)(ofRandom(600) + ofGetFrameNum() * ofRandom(3, 8)) % 600 - 300, 90);

auto rotation_y = glm::rotate(glm::mat4(), ofRandom(-PI, PI), glm::vec3(0, 1, 0));

ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false);

vector<ofPolyline> outline = chara_path.getOutline();

ofFill();

ofSetColor(0);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * 0.5, 0);

location.x *= -1;

location = glm::vec4(base_location + location, 0) * rotation_y;

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

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(255);

ofBeginShape();

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

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

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

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * 0.5, 0);

location.x *= -1;

location = glm::vec4(base_location + location, 0) * rotation_y;

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

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年2月
月	火	水	木	金	土	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28