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

2019年11月16日

Twisting image. openFrameworks

[ Video ]

[ About ]
ofMeshで画像をねじる。

Twisting image.

[ 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;
	ofMesh mesh, draw_mesh;
};

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

ofMesh mesh, draw_mesh;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();

	ofPixels pixels;
	ofLoadImage(pixels, "D:\\lena.png");
	int span = 2;
	for (int x = 0; x < pixels.getWidth(); x += span) {

		for (int y = 0; y < pixels.getHeight(); y += span) {

			auto vertex = glm::vec2(x, pixels.getHeight() - y) - glm::vec2(pixels.getWidth() * 0.5, pixels.getHeight() * 0.5);
			auto color = pixels.getColor(x, y);

			this->mesh.addVertex(glm::vec3(vertex, 0));
			this->mesh.addColor(color);
		}
	}

	int cols = pixels.getWidth() / span;
	int rows = pixels.getHeight() / span;

	for (int col = 1; col < cols; col++) {

		for (int row = 1; row < rows; row++) {

			this->mesh.addIndex(col + row * cols); 
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex((col - 1) + row * cols);

			this->mesh.addIndex(col + row * cols);
			this->mesh.addIndex((col - 1) + (row - 1) * cols);
			this->mesh.addIndex(col + (row - 1) * cols);
		}
	}
}

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

	this->draw_mesh = this->mesh;

	for (auto& vertex : this->draw_mesh.getVertices()) {

		auto angle_y = ofMap(ofNoise(vertex.y * 0.005 + ofGetFrameNum() * 0.01), 0, 1, -PI * 2, PI * 2);
		auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

		vertex = glm::vec4(vertex, 0) * rotation_y;
	}
}

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

	this->cam.begin();

	this->draw_mesh.draw();

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

ofEnableDepthTest();

ofPixels pixels;

ofLoadImage(pixels, "D:\\lena.png");

int span = 2;

for (int x = 0; x < pixels.getWidth(); x += span) {

for (int y = 0; y < pixels.getHeight(); y += span) {

auto vertex = glm::vec2(x, pixels.getHeight() - y) - glm::vec2(pixels.getWidth() * 0.5, pixels.getHeight() * 0.5);

auto color = pixels.getColor(x, y);

this->mesh.addVertex(glm::vec3(vertex, 0));

this->mesh.addColor(color);

}

int cols = pixels.getWidth() / span;

int rows = pixels.getHeight() / span;

for (int col = 1; col < cols; col++) {

for (int row = 1; row < rows; row++) {

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex((col - 1) + row * cols);

this->mesh.addIndex(col + row * cols);

this->mesh.addIndex((col - 1) + (row - 1) * cols);

this->mesh.addIndex(col + (row - 1) * cols);

}

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

void ofApp::update() {

this->draw_mesh = this->mesh;

for (auto& vertex : this->draw_mesh.getVertices()) {

auto angle_y = ofMap(ofNoise(vertex.y * 0.005 + ofGetFrameNum() * 0.01), 0, 1, -PI * 2, PI * 2);

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

vertex = glm::vec4(vertex, 0) * rotation_y;

}

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

void ofApp::draw() {

this->cam.begin();

this->draw_mesh.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年11月15日2019年11月15日

Rotating squares. openFrameworks

[ Video ]

[ About ]
ぐるぐる正方形。

Rotating squares.

[ 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(int len, int param);

	ofEasyCam cam;
	ofMesh face_mesh;
	ofMesh frame_mesh;
};

#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(int len, int param);

ofEasyCam cam;

ofMesh face_mesh;

ofMesh frame_mesh;

};

#include "ofApp.h"

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

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

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

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

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

	this->face_mesh.clear();
	this->frame_mesh.clear();

	auto len = 300;
	auto width = 20;
	for (auto z = -len * 0.5 + width * 0.5; z <= len * 0.5 - width * 0.5; z += width * 2) {

		auto location = glm::vec3(0, 0, z);
		for (auto param = 0; param < 100; param++) {

			auto index = this->face_mesh.getVertices().size();
			vector<glm::vec3> vertices = {
				glm::vec3(this->make_point(len, param), width * -0.5),
				glm::vec3(this->make_point(len, param), width * 0.5),
				glm::vec3(this->make_point(len, param + 1), width * 0.5),
				glm::vec3(this->make_point(len, param + 1), width * -0.5)
			};

			for (auto& vertex : vertices) {

				auto noise_location = (location + vertex) * 0.00015;
				auto angle = glm::vec3(
					ofMap(ofNoise(noise_location.x, ofGetFrameNum() * 0.0015), 0, 1, -PI, PI),
					ofMap(ofGetFrameNum() % 360, 0, 360, -PI, PI),
					ofMap(ofNoise(noise_location.z, ofGetFrameNum() * 0.0025), 0, 1, -PI * 2, PI * 2)
				);

				auto rotation_x = glm::rotate(glm::mat4(), angle.x, glm::vec3(1, 0, 0));
				auto rotation_y = glm::rotate(glm::mat4(), angle.y, glm::vec3(0, 1, 0));
				auto rotation_z = glm::rotate(glm::mat4(), angle.z, glm::vec3(0, 0, 1));

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

				this->face_mesh.addColor(ofColor(39));
				this->frame_mesh.addColor(ofColor(0, 0, 239));
			}

			this->face_mesh.addVertices(vertices);
			this->frame_mesh.addVertices(vertices);

			this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 2);
			this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 3);

			this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 3);
			this->frame_mesh.addIndex(index + 1); this->frame_mesh.addIndex(index + 2);

			if (param % 25 == 0) {

				this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 1);
			}
		}
	}


}

//--------------------------------------------------------------
void ofApp::draw() {
	
	this->cam.begin();

	this->face_mesh.drawFaces();
	this->frame_mesh.drawWireframe();

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));
	}
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

this->face_mesh.clear();

this->frame_mesh.clear();

auto len = 300;

auto width = 20;

for (auto z = -len * 0.5 + width * 0.5; z <= len * 0.5 - width * 0.5; z += width * 2) {

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

for (auto param = 0; param < 100; param++) {

auto index = this->face_mesh.getVertices().size();

vector<glm::vec3> vertices = {

glm::vec3(this->make_point(len, param), width * -0.5),

glm::vec3(this->make_point(len, param), width * 0.5),

glm::vec3(this->make_point(len, param + 1), width * 0.5),

glm::vec3(this->make_point(len, param + 1), width * -0.5)

};

for (auto& vertex : vertices) {

auto noise_location = (location + vertex) * 0.00015;

auto angle = glm::vec3(

ofMap(ofNoise(noise_location.x, ofGetFrameNum() * 0.0015), 0, 1, -PI, PI),

ofMap(ofGetFrameNum() % 360, 0, 360, -PI, PI),

ofMap(ofNoise(noise_location.z, ofGetFrameNum() * 0.0025), 0, 1, -PI * 2, PI * 2)

);

auto rotation_x = glm::rotate(glm::mat4(), angle.x, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), angle.y, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), angle.z, glm::vec3(0, 0, 1));

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

this->face_mesh.addColor(ofColor(39));

this->frame_mesh.addColor(ofColor(0, 0, 239));

}

this->face_mesh.addVertices(vertices);

this->frame_mesh.addVertices(vertices);

this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 1); this->face_mesh.addIndex(index + 2);

this->face_mesh.addIndex(index + 0); this->face_mesh.addIndex(index + 2); this->face_mesh.addIndex(index + 3);

this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 3);

this->frame_mesh.addIndex(index + 1); this->frame_mesh.addIndex(index + 2);

if (param % 25 == 0) {

this->frame_mesh.addIndex(index + 0); this->frame_mesh.addIndex(index + 1);

}

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

void ofApp::draw() {

this->cam.begin();

this->face_mesh.drawFaces();

this->frame_mesh.drawWireframe();

this->cam.end();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年11月14日2019年11月14日

Tangled color lines. openFrameworks

[ Video ]

[ About ]
もつれる色付き帯。時間経過で色が変化。

Tangle color lines.

[ 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;
	ofMesh mesh;
};

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

ofMesh mesh;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
	this->mesh.clear();

	int hue = ofGetFrameNum() * 0.1;
	for (auto x = -300; x <= 300; x += 600) {

		for (auto y = -300; y <= 300; y += 600) {

			auto location = glm::vec3(x, y, 0);
			hue += 64;

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

				auto radius = 250 + i;
				auto noise_base = glm::vec3(ofRandom(-1000, 1000), ofRandom(-1000, 1000), 0);

				ofColor color;
				color.setHsb(int(hue + i * 85) % 255, 180, 255);

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

					int index = this->mesh.getVertices().size();
					vector<glm::vec3> vertices = {
						glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 3),
						glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), 3),
						glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), -3),
						glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), -3)
					};

					for (auto& vertex : vertices) {

						auto noise_seed_x = noise_base.x + vertex.x * 0.001;
						auto noise_seed_y = noise_base.y + vertex.y * 0.001;
						auto noise_seed_z = noise_base.z + vertex.z * 0.001;

						auto angle_x = ofMap(ofNoise(noise_seed_x, ofGetFrameNum() * 0.0008), 0, 1, -PI * 2, PI * 2);
						auto angle_y = ofMap(ofNoise(noise_seed_y, ofGetFrameNum() * 0.0008), 0, 1, -PI * 2, PI * 2);
						auto angle_z = ofMap(ofNoise(noise_seed_z, ofGetFrameNum() * 0.0008), 0, 1, -PI * 2, PI * 2);

						auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));
						auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
						auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

						this->mesh.addVertex(location + glm::vec4(vertex, 0) * rotation_z * rotation_y * rotation_x);
						this->mesh.addColor(color);
					}

					this->mesh.addIndex(index + 0); this->mesh.addIndex(index + 1); this->mesh.addIndex(index + 2);
					this->mesh.addIndex(index + 0); this->mesh.addIndex(index + 3); this->mesh.addIndex(index + 2);
				}
			}
		}
	}
}

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

	this->cam.begin();
	
	this->mesh.draw();

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

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

int hue = ofGetFrameNum() * 0.1;

for (auto x = -300; x <= 300; x += 600) {

for (auto y = -300; y <= 300; y += 600) {

auto location = glm::vec3(x, y, 0);

hue += 64;

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

auto radius = 250 + i;

auto noise_base = glm::vec3(ofRandom(-1000, 1000), ofRandom(-1000, 1000), 0);

ofColor color;

color.setHsb(int(hue + i * 85) % 255, 180, 255);

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

int index = this->mesh.getVertices().size();

vector<glm::vec3> vertices = {

glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 3),

glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), 3),

glm::vec3(radius * cos((deg + 1) * DEG_TO_RAD), radius * sin((deg + 1) * DEG_TO_RAD), -3),

glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), -3)

};

for (auto& vertex : vertices) {

auto noise_seed_x = noise_base.x + vertex.x * 0.001;

auto noise_seed_y = noise_base.y + vertex.y * 0.001;

auto noise_seed_z = noise_base.z + vertex.z * 0.001;

auto angle_x = ofMap(ofNoise(noise_seed_x, ofGetFrameNum() * 0.0008), 0, 1, -PI * 2, PI * 2);

auto angle_y = ofMap(ofNoise(noise_seed_y, ofGetFrameNum() * 0.0008), 0, 1, -PI * 2, PI * 2);

auto angle_z = ofMap(ofNoise(noise_seed_z, ofGetFrameNum() * 0.0008), 0, 1, -PI * 2, PI * 2);

auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

this->mesh.addVertex(location + glm::vec4(vertex, 0) * rotation_z * rotation_y * rotation_x);

this->mesh.addColor(color);

}

this->mesh.addIndex(index + 0); this->mesh.addIndex(index + 1); this->mesh.addIndex(index + 2);

this->mesh.addIndex(index + 0); this->mesh.addIndex(index + 3); this->mesh.addIndex(index + 2);

}

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

void ofApp::draw() {

this->cam.begin();

this->mesh.draw();

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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