プログラミング de 落描き – ページ 237 – クリエイティブ・コーディングによる生成物とソース

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月11日

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

	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);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum());

	ofNoFill();
	ofColor color;
	for (int k = 0; k < 350; k++) {

		ofPushMatrix();
		ofRotateZ(ofRandom(360));
		ofRotateY(ofRandom(360));
		ofRotateX(ofRandom(360));

		auto location = glm::vec3(0, 0, 250);
		int max_radius = ofRandom(130, 180);
		auto radius = (int)(ofRandom(1000) + ofGetFrameNum() * 1) % max_radius - 100;

		if (radius > 0) {

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

			for (int deg = 0; deg < 144 * 5; deg += 144) {

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

				mesh.addVertex(vertex);

				color.setHsb(ofRandom(255), 180, 255);
				color = ofColor(color, radius > 25 ? ofMap(radius, 25, max_radius - 100, 255, 0) : 255);
				
				mesh.addColor(color);

				if (deg > 0) {

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

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

			mesh.drawWireframe();
		}
		else {

			for (int deg = 0; deg < 144 * 5; deg += 144) {

				color.setHsb(ofRandom(255), 255, 255);
				color = ofColor(color, radius > 25 ? ofMap(radius, 25, 80, 255, 0) : 255);
			}
		}

		ofPopMatrix();
	}

	ofFill();
	ofSetColor(0);
	ofDrawSphere(245);

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

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum());

ofNoFill();

ofColor color;

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

ofPushMatrix();

ofRotateZ(ofRandom(360));

ofRotateY(ofRandom(360));

ofRotateX(ofRandom(360));

auto location = glm::vec3(0, 0, 250);

int max_radius = ofRandom(130, 180);

auto radius = (int)(ofRandom(1000) + ofGetFrameNum() * 1) % max_radius - 100;

if (radius > 0) {

ofMesh mesh;

mesh.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

for (int deg = 0; deg < 144 * 5; deg += 144) {

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

vertex = glm::normalize(vertex) * 250;

mesh.addVertex(vertex);

color.setHsb(ofRandom(255), 180, 255);

color = ofColor(color, radius > 25 ? ofMap(radius, 25, max_radius - 100, 255, 0) : 255);

mesh.addColor(color);

if (deg > 0) {

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

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

}

mesh.addIndex(0);

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

mesh.drawWireframe();

}

else {

for (int deg = 0; deg < 144 * 5; deg += 144) {

color.setHsb(ofRandom(255), 255, 255);

color = ofColor(color, radius > 25 ? ofMap(radius, 25, 80, 255, 0) : 255);

}

ofPopMatrix();

}

ofFill();

ofSetColor(0);

ofDrawSphere(245);

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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 ]

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