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

2021年3月30日2021年3月30日

Waving. Draw by openFrameworks

[ Video ]

[ About ]
Waving.

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

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

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

		for (int y = 0; y <= ofGetHeight(); y += 1) {

			auto noise_value = ofNoise(x * 0.005, y * 0.001 + ofGetFrameNum() * 0.005);
			float angle = 0;
			if (noise_value > 0.75) { angle = ofMap(noise_value, 0.75, 1.0, 0, PI * 0.2); }
			if (noise_value < 0.25) { angle = ofMap(noise_value, 0.25, 0.0, 0, PI * -0.2); }
			auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(1, 0, 0));

			face.addVertex(glm::vec4(x - 13, y, 0, 0) * rotation);
			face.addVertex(glm::vec4(x + 13, y, 0, 0) * rotation);

			line.addVertex(glm::vec4(x - 13, y, 0, 0) * rotation);
			line.addVertex(glm::vec4(x + 13, y, 0, 0) * rotation);

			if (face.getNumVertices() > 2) {

				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);
				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

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

		ofSetColor(239);
		face.draw();
		ofSetColor(39);
		line.drawWireframe();
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

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

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

for (int y = 0; y <= ofGetHeight(); y += 1) {

auto noise_value = ofNoise(x * 0.005, y * 0.001 + ofGetFrameNum() * 0.005);

float angle = 0;

if (noise_value > 0.75) { angle = ofMap(noise_value, 0.75, 1.0, 0, PI * 0.2); }

if (noise_value < 0.25) { angle = ofMap(noise_value, 0.25, 0.0, 0, PI * -0.2); }

auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(1, 0, 0));

face.addVertex(glm::vec4(x - 13, y, 0, 0) * rotation);

face.addVertex(glm::vec4(x + 13, y, 0, 0) * rotation);

line.addVertex(glm::vec4(x - 13, y, 0, 0) * rotation);

line.addVertex(glm::vec4(x + 13, y, 0, 0) * rotation);

if (face.getNumVertices() > 2) {

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

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

}

line.addIndex(0); line.addIndex(1);

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

ofSetColor(239);

face.draw();

ofSetColor(39);

line.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年3月29日2021年3月29日

ribbon kaleidoscope. Draw by openframeworks

[ Video ]

[ About ]
ribbon kaleidoscope.

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(295);

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

		auto noise_seed_deg = ofRandom(1000);
		auto noise_seed_radius = ofRandom(1000);
		vector<glm::vec3> vertices;
		for (int i = 0; i < 45; i++) {

			auto noise_deg = ofMap(ofNoise(noise_seed_deg, (ofGetFrameNum() + i) * 0.006), 0, 1, -360, 360);
			auto noise_radius = ofMap(ofNoise(noise_seed_radius, (ofGetFrameNum() + i) * 0.005), 0, 1, -350, 350);
			vertices.push_back(glm::vec3(noise_radius * cos(noise_deg * DEG_TO_RAD), noise_radius * sin(noise_deg * DEG_TO_RAD), 0));
		}
		
		for (int deg = 0; deg < 360; deg += 30) {

			auto rotation = glm::rotate(glm::mat4(), deg * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

			ofMesh face, line;
			line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
			for (int i = 0; i < vertices.size(); i++) {

				face.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, -15, 0));
				face.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, 15, 0));

				line.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, -15, 0));
				line.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, 15, 0));

				if (i > 0) {

					face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);
					face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

					line.addIndex(line.getNumVertices() - 1); line.addIndex(line.getNumVertices() - 3);
					line.addIndex(line.getNumVertices() - 2); line.addIndex(line.getNumVertices() - 4);

				}
			}

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

			ofSetColor(39);
			face.draw();
			ofSetColor(239);
			line.drawWireframe();
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(295);

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

auto noise_seed_deg = ofRandom(1000);

auto noise_seed_radius = ofRandom(1000);

vector<glm::vec3> vertices;

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

auto noise_deg = ofMap(ofNoise(noise_seed_deg, (ofGetFrameNum() + i) * 0.006), 0, 1, -360, 360);

auto noise_radius = ofMap(ofNoise(noise_seed_radius, (ofGetFrameNum() + i) * 0.005), 0, 1, -350, 350);

vertices.push_back(glm::vec3(noise_radius * cos(noise_deg * DEG_TO_RAD), noise_radius * sin(noise_deg * DEG_TO_RAD), 0));

}

for (int deg = 0; deg < 360; deg += 30) {

auto rotation = glm::rotate(glm::mat4(), deg * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

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

face.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, -15, 0));

face.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, 15, 0));

line.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, -15, 0));

line.addVertex(glm::vec4(vertices[i], 0) * rotation + glm::vec4(0, 0, 15, 0));

if (i > 0) {

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

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

}

line.addIndex(0); line.addIndex(1);

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

ofSetColor(39);

face.draw();

ofSetColor(239);

line.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年3月28日

Heart ribbon. Draw by openFrameworks

[ Video ]

[ About ]
Heart ribbon.

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

	glm::vec2 make_point(float theta);

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

glm::vec2 make_point(float theta);

ofEasyCam cam;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();
}

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

}

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

	this->cam.begin();

	vector<ofColor> base_color_list;
	ofColor color;
	vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };
	for (auto hex : hex_list) {

		color.setHex(hex);
		base_color_list.push_back(color);
	}
	int color_index = 0;

	for (auto scale = 1; scale < 20; scale += 1) {

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

		vector<glm::vec2> vertices;
		auto param = (ofGetFrameNum() * 3 + scale * 20) % 720;
		for (auto deg = 0; deg < 360; deg += 1) {

			if (param < 360) {

				if (deg < param) { vertices.push_back(this->make_point(deg * DEG_TO_RAD) * scale); }
			}
			else {

				if (deg > param - 360) { vertices.push_back(this->make_point(deg * DEG_TO_RAD) * scale); }
			}
		}

		for (auto& vertex : vertices){

			face.addVertex(glm::vec3(vertex, -15));
			face.addVertex(glm::vec3(vertex, 15));

			line.addVertex(glm::vec3(vertex, -15));
			line.addVertex(glm::vec3(vertex, 15));

			if (vertex != vertices.front()) {

				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);
				face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

			face.addColor(base_color_list[color_index]);
			face.addColor(base_color_list[color_index]);

			line.addColor(ofColor(39));
			line.addColor(ofColor(39));
		}

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

		face.draw();
		line.drawWireframe();

		color_index = (color_index + 1) % base_color_list.size();
	}

	this->cam.end();
}

//--------------------------------------------------------------
//Reference by https://twitter.com/shiffman/status/1095764239665512453
glm::vec2 ofApp::make_point(float theta) {

	float x = 16 * (pow(sin(theta), 3));
	float y = 13 * cos(theta) - 5 * cos(2 * theta) - 2 * cos(3 * theta) - cos(4 * theta);
	return glm::vec2(x, -y);
}

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

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

100

101

102

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

vector<ofColor> base_color_list;

ofColor color;

vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };

for (auto hex : hex_list) {

color.setHex(hex);

base_color_list.push_back(color);

}

int color_index = 0;

for (auto scale = 1; scale < 20; scale += 1) {

ofMesh face, line;

line.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

vector<glm::vec2> vertices;

auto param = (ofGetFrameNum() * 3 + scale * 20) % 720;

for (auto deg = 0; deg < 360; deg += 1) {

if (param < 360) {

if (deg < param) { vertices.push_back(this->make_point(deg * DEG_TO_RAD) * scale); }

}

else {

if (deg > param - 360) { vertices.push_back(this->make_point(deg * DEG_TO_RAD) * scale); }

}

for (auto& vertex : vertices){

face.addVertex(glm::vec3(vertex, -15));

face.addVertex(glm::vec3(vertex, 15));

line.addVertex(glm::vec3(vertex, -15));

line.addVertex(glm::vec3(vertex, 15));

if (vertex != vertices.front()) {

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 2); face.addIndex(face.getNumVertices() - 4);

face.addIndex(face.getNumVertices() - 1); face.addIndex(face.getNumVertices() - 3); face.addIndex(face.getNumVertices() - 4);

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

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

}

face.addColor(base_color_list[color_index]);

line.addColor(ofColor(39));

}

line.addIndex(0); line.addIndex(1);

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

face.draw();

line.drawWireframe();

color_index = (color_index + 1) % base_color_list.size();

}

this->cam.end();

}

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

//Reference by https://twitter.com/shiffman/status/1095764239665512453

glm::vec2 ofApp::make_point(float theta) {

float x = 16 * (pow(sin(theta), 3));

float y = 13 * cos(theta) - 5 * cos(2 * theta) - 2 * cos(3 * theta) - cos(4 * theta);

return glm::vec2(x, -y);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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