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

2023年5月1日

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

	vector<glm::vec2> location_list;
	vector<float> radius_list;
	vector<float> speed_list;
	vector<float> max_radius_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) {};

vector<glm::vec2> location_list;

vector<float> radius_list;

vector<float> speed_list;

vector<float> max_radius_list;

};

#include "ofApp.h"

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

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

	ofBackground(39);
	ofSetColor(255);
	ofNoFill();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	int base_radius = (ofGetFrameNum() * 2) % 420 + 60;

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

		this->radius_list[i] += this->speed_list[i];

		if (this->radius_list[i] > this->max_radius_list[i]) {

			this->location_list.erase(this->location_list.begin() + i);
			this->radius_list.erase(this->radius_list.begin() + i);
			this->speed_list.erase(this->speed_list.begin() + i);
			this->max_radius_list.erase(this->max_radius_list.begin() + i);
		}
	}

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

		int deg = ofGetFrameNum() + (i % 2) * 180;
		int radius = ofRandom(600);

		auto location = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		this->location_list.push_back(location);
		this->radius_list.push_back(1);
		this->speed_list.push_back(ofRandom(0.2, 1.5));
		this->max_radius_list.push_back(ofRandom(5, ofMap(radius, 0, 600, 10, 60)));
	}
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

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

		ofSetColor(255, ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30));
		ofDrawCircle(this->location_list[i], this->radius_list[i]);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofSetColor(255);

ofNoFill();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

int base_radius = (ofGetFrameNum() * 2) % 420 + 60;

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

this->radius_list[i] += this->speed_list[i];

if (this->radius_list[i] > this->max_radius_list[i]) {

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

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

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

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

}

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

int deg = ofGetFrameNum() + (i % 2) * 180;

int radius = ofRandom(600);

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

this->location_list.push_back(location);

this->radius_list.push_back(1);

this->speed_list.push_back(ofRandom(0.2, 1.5));

this->max_radius_list.push_back(ofRandom(5, ofMap(radius, 0, 600, 10, 60)));

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

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

ofSetColor(255, ofMap(this->radius_list[i], 1, this->max_radius_list[i], 255, 30));

ofDrawCircle(this->location_list[i], this->radius_list[i]);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2023年4月30日

4 color rings. Draw by openFrameworks

[ Video ]

[ About ]
4色円。

[ 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(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(39);
	ofSetLineWidth(2);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofColor color;
	int hue = ofRandom(255);
	float radius = 35;
	float len = 10;
	bool flag = true;

	for (int x = -300; x <= 300; x += 100) {

		for (int y = -300; y <= 300; y += 100) {

			ofPushMatrix();
			ofTranslate(x, y);

			flag = !flag;

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

				vector<glm::vec2> vertices_1, vertices_2;
				float deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(3, 10) * (flag ? 1 : -1);

				for (float deg = deg_start; deg < deg_start + 90; deg += 1) {

					vertices_1.push_back(glm::vec2((radius - len * 0.5) * cos(deg * DEG_TO_RAD), (radius - len * 0.5) * sin(deg * DEG_TO_RAD)));
					vertices_2.push_back(glm::vec2((radius + len * 0.5) * cos(deg * DEG_TO_RAD), (radius + len * 0.5) * sin(deg * DEG_TO_RAD)));
				}

				reverse(vertices_2.begin(), vertices_2.end());

				color.setHsb(hue, 255, 155);

				ofFill();
				ofSetColor(color);

				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				ofNoFill();
				ofSetColor(255);

				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				hue = (hue + (int)ofRandom(20, 120)) % 255;
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(39);

ofSetLineWidth(2);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofColor color;

int hue = ofRandom(255);

float radius = 35;

float len = 10;

bool flag = true;

for (int x = -300; x <= 300; x += 100) {

for (int y = -300; y <= 300; y += 100) {

ofPushMatrix();

ofTranslate(x, y);

flag = !flag;

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

vector<glm::vec2> vertices_1, vertices_2;

float deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(3, 10) * (flag ? 1 : -1);

for (float deg = deg_start; deg < deg_start + 90; deg += 1) {

vertices_1.push_back(glm::vec2((radius - len * 0.5) * cos(deg * DEG_TO_RAD), (radius - len * 0.5) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2((radius + len * 0.5) * cos(deg * DEG_TO_RAD), (radius + len * 0.5) * sin(deg * DEG_TO_RAD)));

}

reverse(vertices_2.begin(), vertices_2.end());

color.setHsb(hue, 255, 155);

ofFill();

ofSetColor(color);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

ofNoFill();

ofSetColor(255);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

hue = (hue + (int)ofRandom(20, 120)) % 255;

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2023年4月29日

3 color rings. Draw by openFrameworks

[ Video ]

[ About ]
3色円。

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

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

ofEasyCam cam;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetLineWidth(2);
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofColor color;
	int hue = ofRandom(255);
	float len = 20;

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

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

			ofPushMatrix();
			ofTranslate(x, y);

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

				vector<glm::vec2> vertices_1, vertices_2;
				float deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(3, 10);

				for (float deg = deg_start; deg < deg_start + 120; deg += 1) {

					auto noise_radius = ofMap(ofNoise(x + cos(deg * DEG_TO_RAD) * 0.5, y + sin(deg * DEG_TO_RAD) * 0.5, ofGetFrameNum() * 0.005), 0, 1, 50, 100);

					vertices_1.push_back(glm::vec2((noise_radius - len * 0.5) * cos(deg * DEG_TO_RAD), (noise_radius - len * 0.5) * sin(deg * DEG_TO_RAD)));
					vertices_2.push_back(glm::vec2((noise_radius + len * 0.5) * cos(deg * DEG_TO_RAD), (noise_radius + len * 0.5) * sin(deg * DEG_TO_RAD)));
				}

				reverse(vertices_2.begin(), vertices_2.end());

				color.setHsb(hue, 150, 255);

				ofFill();
				ofSetColor(color);

				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				ofNoFill();
				ofSetColor(255);

				ofBeginShape();
				ofVertices(vertices_1);
				ofVertices(vertices_2);
				ofEndShape(true);

				hue = (hue + (int)ofRandom(20, 120)) % 255;
			}

			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofColor color;

int hue = ofRandom(255);

float len = 20;

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

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

ofPushMatrix();

ofTranslate(x, y);

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

vector<glm::vec2> vertices_1, vertices_2;

float deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(3, 10);

for (float deg = deg_start; deg < deg_start + 120; deg += 1) {

auto noise_radius = ofMap(ofNoise(x + cos(deg * DEG_TO_RAD) * 0.5, y + sin(deg * DEG_TO_RAD) * 0.5, ofGetFrameNum() * 0.005), 0, 1, 50, 100);

vertices_1.push_back(glm::vec2((noise_radius - len * 0.5) * cos(deg * DEG_TO_RAD), (noise_radius - len * 0.5) * sin(deg * DEG_TO_RAD)));

vertices_2.push_back(glm::vec2((noise_radius + len * 0.5) * cos(deg * DEG_TO_RAD), (noise_radius + len * 0.5) * sin(deg * DEG_TO_RAD)));

}

reverse(vertices_2.begin(), vertices_2.end());

color.setHsb(hue, 150, 255);

ofFill();

ofSetColor(color);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

ofNoFill();

ofSetColor(255);

ofBeginShape();

ofVertices(vertices_1);

ofVertices(vertices_2);

ofEndShape(true);

hue = (hue + (int)ofRandom(20, 120)) % 255;

}

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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