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

2022年11月19日

Circle of dot line. 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) {};
};

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

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetColor(255);
	ofSetLineWidth(3);
}

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

	ofSeedRandom(19);
}

//--------------------------------------------------------------
void ofApp::draw() {
	
	ofTranslate(ofGetWindowSize() * 0.5);

	float radius = 300;
	float deg_span = 30;

	for (float radius = 130; radius <= 300; radius += 5) {

		for (float deg_start = 0; deg_start < 360; deg_start += deg_span) {

			float deg_param = ofMap(ofNoise(radius * 0.01 + ofGetFrameNum() * 0.0025), 0, 1, -360, 360);

			ofNoFill();
			ofBeginShape();
			for (float deg = deg_start + deg_param; deg < deg_start + deg_param + deg_span * 0.5; deg += 1) {

				ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
			}
			ofEndShape(false);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetColor(255);

ofSetLineWidth(3);

}

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

void ofApp::update() {

ofSeedRandom(19);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

float radius = 300;

float deg_span = 30;

for (float radius = 130; radius <= 300; radius += 5) {

for (float deg_start = 0; deg_start < 360; deg_start += deg_span) {

float deg_param = ofMap(ofNoise(radius * 0.01 + ofGetFrameNum() * 0.0025), 0, 1, -360, 360);

ofNoFill();

ofBeginShape();

for (float deg = deg_start + deg_param; deg < deg_start + deg_param + deg_span * 0.5; deg += 1) {

ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

}

ofEndShape(false);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年11月18日

Box waving. 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(255);
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
}

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

	ofSeedRandom(19);
}

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

	this->cam.begin();

	int span = 20;
	int size = span * 0.75;

	vector<ofColor> color_list = { ofColor(255, 128, 0), ofColor(128, 255, 0), ofColor(0, 128, 255) };

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

		auto color = color_list[i];
		auto noise_seed = ofRandom(1000);

		for (int x = span * 1.5 - ofGetWidth() * 0.5; x <= ofGetWidth() - span * 1.5 - ofGetWidth() * 0.5; x += span) {

			auto noise_y = ofMap(ofNoise(noise_seed, x * 0.003 + ofGetFrameNum() * 0.0025), 0, 1, ofGetHeight() * -0.5, ofGetHeight() * 0.5);

			for (int y = span * 1.5 - ofGetHeight() * 0.5; y <= ofGetWidth() - span * 1.5 - ofGetHeight() * 0.5; y += span) {

				auto gap_y = abs(noise_y - y);
				auto box_size = 0;
				if (gap_y <= span * 4) {

					box_size = ofMap(gap_y, 0, span * 4, size * 2, 0);
					box_size = box_size > size ? size : box_size;
				}

				if (box_size > 0) {

					ofFill();
					ofSetColor(color, 64);
					ofDrawBox(glm::vec3(x, y, 0), box_size);

					ofNoFill();
					ofSetColor(color);
					ofDrawBox(glm::vec3(x, y, 0), box_size);

					
				}
			}
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

}

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

void ofApp::update() {

ofSeedRandom(19);

}

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

void ofApp::draw() {

this->cam.begin();

int span = 20;

int size = span * 0.75;

vector<ofColor> color_list = { ofColor(255, 128, 0), ofColor(128, 255, 0), ofColor(0, 128, 255) };

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

auto color = color_list[i];

auto noise_seed = ofRandom(1000);

for (int x = span * 1.5 - ofGetWidth() * 0.5; x <= ofGetWidth() - span * 1.5 - ofGetWidth() * 0.5; x += span) {

auto noise_y = ofMap(ofNoise(noise_seed, x * 0.003 + ofGetFrameNum() * 0.0025), 0, 1, ofGetHeight() * -0.5, ofGetHeight() * 0.5);

for (int y = span * 1.5 - ofGetHeight() * 0.5; y <= ofGetWidth() - span * 1.5 - ofGetHeight() * 0.5; y += span) {

auto gap_y = abs(noise_y - y);

auto box_size = 0;

if (gap_y <= span * 4) {

box_size = ofMap(gap_y, 0, span * 4, size * 2, 0);

box_size = box_size > size ? size : box_size;

}

if (box_size > 0) {

ofFill();

ofSetColor(color, 64);

ofDrawBox(glm::vec3(x, y, 0), box_size);

ofNoFill();

ofSetColor(color);

ofDrawBox(glm::vec3(x, y, 0), box_size);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年11月17日2022年11月16日

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

	ofEasyCam cam;

	vector<glm::vec3> base_location_list;
	vector<ofColor> base_color_list;

	vector<vector<glm::vec3>> log_list;
	vector<ofColor> color_list;
	vector<float> life_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) {};

ofEasyCam cam;

vector<glm::vec3> base_location_list;

vector<ofColor> base_color_list;

vector<vector<glm::vec3>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofNoFill();
	ofEnableDepthTest();
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	ofColor color;
	vector<int> hex_list = { 0xf72585, 0xb5179e, 0x7209b7, 0x480ca8, 0x3f37c9, 0x4cc9f0 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}

	for (int x = -200; x <= 200; x += 1) {

		this->base_location_list.push_back(glm::vec3(x, -200, -200));
		this->base_location_list.push_back(glm::vec3(x, -200, 200));
		this->base_location_list.push_back(glm::vec3(x, 200, -200));
		this->base_location_list.push_back(glm::vec3(x, 200, 200));
	}

	for (int y = -200; y <= 200; y += 1) {

		this->base_location_list.push_back(glm::vec3(-200, y, -200));
		this->base_location_list.push_back(glm::vec3(-200, y, 200));
		this->base_location_list.push_back(glm::vec3(200, y, -200));
		this->base_location_list.push_back(glm::vec3(200, y, 200));
	}

	for (int z = -200; z <= 200; z += 1) {

		this->base_location_list.push_back(glm::vec3(-200, -200, z));
		this->base_location_list.push_back(glm::vec3(-200, 200, z));
		this->base_location_list.push_back(glm::vec3(200, -200, z));
		this->base_location_list.push_back(glm::vec3(200, 200, z));
	}
}

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

	int radius = 5;
	while (this->log_list.size() < 4500) {

		int font_location_index = ofRandom(this->base_location_list.size());
		vector<glm::vec3> log;
		log.push_back(this->base_location_list[font_location_index]);
		this->log_list.push_back(log);
		this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		this->life_list.push_back(ofRandom(10, 30));
	}

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

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

			this->log_list.erase(this->log_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);

			continue;
		}

		auto deg = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);
		auto theta = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, (ofGetFrameNum() + 10000) * 0.003)), 0, 1, -360, 360);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec3(radius * cos(deg * DEG_TO_RAD) * sin(theta * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD) * sin(theta * DEG_TO_RAD), radius * cos(theta * DEG_TO_RAD)));
		while (this->log_list[i].size() > 100) {

			this->log_list[i].erase(this->log_list[i].begin());
		}
	}
}

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

	this->cam.begin();
	ofRotateX(270);
	ofRotateZ(ofGetFrameNum() * 0.666666666666);
	ofRotateX(ofGetFrameNum() * 0.666666666666);

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

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 30) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));
		}

		ofSetColor(this->color_list[i]);

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

	this->cam.end();
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofNoFill();

ofEnableDepthTest();

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofColor color;

vector<int> hex_list = { 0xf72585, 0xb5179e, 0x7209b7, 0x480ca8, 0x3f37c9, 0x4cc9f0 };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

for (int x = -200; x <= 200; x += 1) {

this->base_location_list.push_back(glm::vec3(x, -200, -200));

this->base_location_list.push_back(glm::vec3(x, -200, 200));

this->base_location_list.push_back(glm::vec3(x, 200, -200));

this->base_location_list.push_back(glm::vec3(x, 200, 200));

}

for (int y = -200; y <= 200; y += 1) {

this->base_location_list.push_back(glm::vec3(-200, y, -200));

this->base_location_list.push_back(glm::vec3(-200, y, 200));

this->base_location_list.push_back(glm::vec3(200, y, -200));

this->base_location_list.push_back(glm::vec3(200, y, 200));

}

for (int z = -200; z <= 200; z += 1) {

this->base_location_list.push_back(glm::vec3(-200, -200, z));

this->base_location_list.push_back(glm::vec3(-200, 200, z));

this->base_location_list.push_back(glm::vec3(200, -200, z));

this->base_location_list.push_back(glm::vec3(200, 200, z));

}

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

void ofApp::update() {

int radius = 5;

while (this->log_list.size() < 4500) {

int font_location_index = ofRandom(this->base_location_list.size());

vector<glm::vec3> log;

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

this->log_list.push_back(log);

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

this->life_list.push_back(ofRandom(10, 30));

}

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

this->life_list[i] -= 1;

if (this->life_list[i] < 0) {

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

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

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

continue;

}

auto deg = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);

auto theta = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.0035, (ofGetFrameNum() + 10000) * 0.003)), 0, 1, -360, 360);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec3(radius * cos(deg * DEG_TO_RAD) * sin(theta * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD) * sin(theta * DEG_TO_RAD), radius * cos(theta * DEG_TO_RAD)));

while (this->log_list[i].size() > 100) {

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(270);

ofRotateZ(ofGetFrameNum() * 0.666666666666);

ofRotateX(ofGetFrameNum() * 0.666666666666);

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 30) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));

}

ofSetColor(this->color_list[i]);

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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