2020年7月 – ページ 3 – プログラミング de 落描き

2020年7月25日

Layering of shadows. Draw by openFrameworks

[ Video ]

[ About ]
影の重ね。

Layering of shadows.

[ Source ]

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"

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

	ofFbo fbo;
	ofPixels pixels;
	cv::Mat pixels_mat;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

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

ofFbo fbo;

ofPixels pixels;

cv::Mat pixels_mat;

};

#include "ofApp.h"

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

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

	ofBackground(239);

	this->fbo.allocate(ofGetWidth() + 25, ofGetHeight() + 25);
	this->fbo.readToPixels(this->pixels);
	this->pixels_mat = cv::Mat(this->pixels.getHeight(), this->pixels.getWidth(), CV_8UC4, this->pixels.getData());
}

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

	ofSeedRandom(39);
}

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

	for (int radius = 240; radius > 0; radius -= 60) {

		int deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(2, 4);
		vector<glm::vec2> vertices;
		for (int deg = deg_start; deg < deg_start + 360; deg += 90) {

			vertices.push_back(glm::vec2(ofGetWidth() * 0.5 + radius * cos(deg * DEG_TO_RAD), ofGetHeight() * 0.5 + radius * sin(deg * DEG_TO_RAD)));
		}

		// 影
		this->fbo.begin();
		ofClear(0);

		ofSetColor(0);
		ofFill();
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);

		ofPopMatrix();
		this->fbo.end();
		this->fbo.readToPixels(this->pixels);

		cv::GaussianBlur(this->pixels_mat, this->pixels_mat, cv::Size(11, 11), 10, 10);

		// 実体
		this->fbo.begin();
		ofClear(0);

		ofSetColor(239);
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);

		ofSetColor(39);
		ofNoFill();
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);

		this->fbo.end();

		// 描写
		ofSetColor(255);
		ofImage draw_image;
		draw_image.setFromPixels(this->pixels);
		draw_image.draw(-5, -5);

		this->fbo.draw(-15, -15);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

this->fbo.allocate(ofGetWidth() + 25, ofGetHeight() + 25);

this->fbo.readToPixels(this->pixels);

this->pixels_mat = cv::Mat(this->pixels.getHeight(), this->pixels.getWidth(), CV_8UC4, this->pixels.getData());

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

for (int radius = 240; radius > 0; radius -= 60) {

int deg_start = ofRandom(360) + ofGetFrameNum() * ofRandom(2, 4);

vector<glm::vec2> vertices;

for (int deg = deg_start; deg < deg_start + 360; deg += 90) {

vertices.push_back(glm::vec2(ofGetWidth() * 0.5 + radius * cos(deg * DEG_TO_RAD), ofGetHeight() * 0.5 + radius * sin(deg * DEG_TO_RAD)));

}

// 影

this->fbo.begin();

ofClear(0);

ofSetColor(0);

ofFill();

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

ofPopMatrix();

this->fbo.end();

this->fbo.readToPixels(this->pixels);

cv::GaussianBlur(this->pixels_mat, this->pixels_mat, cv::Size(11, 11), 10, 10);

// 実体

this->fbo.begin();

ofClear(0);

ofSetColor(239);

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

ofSetColor(39);

ofNoFill();

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

this->fbo.end();

// 描写

ofSetColor(255);

ofImage draw_image;

draw_image.setFromPixels(this->pixels);

draw_image.draw(-5, -5);

this->fbo.draw(-15, -15);

}

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

int main() {

ofSetupOpenGL(512, 512, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年7月24日

Crumbling torus. Draw by openFrameworks

[ video ]

[ About ]
崩れるトーラス。

crumbling torus.

[ 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::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh face, frame;
};

#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::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"

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

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

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

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

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

	ofSeedRandom(39);

	this->face.clear();
	this->frame.clear();

	int R = 100;
	int u = 0;
	int u_step = 10;
	int v_step = 5;

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

		float angle_z = (i * 5) * DEG_TO_RAD;
		auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

		auto noise_value = ofNoise(glm::vec3(cos(angle_z), sin(angle_z), ofGetFrameNum() * 0.01));
		int r = 15;
		if (noise_value > 0.55) {

			r = ofMap(noise_value, 0.55, 1, 15, 35);
		}

		for (auto v = 0; v < 360; v += v_step) {

			vector<glm::vec3> vertices{
				glm::vec4(this->make_point(R, r, u, v), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, u + u_step, v + v_step), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, u, v + v_step), 0) * rotation_z,
				glm::vec4(this->make_point(R, r, u - u_step, v), 0) * rotation_z
			};

			this->face.addVertices(vertices);
			this->frame.addVertices(vertices);

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

			this->face.addIndex(index - 3); this->face.addIndex(index - 2); this->face.addIndex(index - 1);
			this->face.addIndex(index); this->face.addIndex(index - 3); this->face.addIndex(index - 1);

			this->frame.addIndex(index - 3); this->frame.addIndex(index - 2);
			this->frame.addIndex(index); this->frame.addIndex(index - 1);

			u += u_step;
		}
	}
}

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

	this->cam.begin();

	ofSetColor(239);
	this->face.draw();

	ofSetColor(39);
	this->frame.draw();

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

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

100

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

int R = 100;

int u = 0;

int u_step = 10;

int v_step = 5;

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

float angle_z = (i * 5) * DEG_TO_RAD;

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

auto noise_value = ofNoise(glm::vec3(cos(angle_z), sin(angle_z), ofGetFrameNum() * 0.01));

int r = 15;

if (noise_value > 0.55) {

r = ofMap(noise_value, 0.55, 1, 15, 35);

}

for (auto v = 0; v < 360; v += v_step) {

vector<glm::vec3> vertices{

glm::vec4(this->make_point(R, r, u, v), 0) * rotation_z,

glm::vec4(this->make_point(R, r, u + u_step, v + v_step), 0) * rotation_z,

glm::vec4(this->make_point(R, r, u, v + v_step), 0) * rotation_z,

glm::vec4(this->make_point(R, r, u - u_step, v), 0) * rotation_z

};

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

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

this->face.addIndex(index - 3); this->face.addIndex(index - 2); this->face.addIndex(index - 1);

this->face.addIndex(index); this->face.addIndex(index - 3); this->face.addIndex(index - 1);

this->frame.addIndex(index - 3); this->frame.addIndex(index - 2);

this->frame.addIndex(index); this->frame.addIndex(index - 1);

u += u_step;

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(239);

this->face.draw();

ofSetColor(39);

this->frame.draw();

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2020年7月23日2020年7月23日

Random Walker generating rings. Draw by openFrameworks

[ Video ]

[ About ]
輪っかを生成ランダムウォーク。

Random Walker generating rings.

[ 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> ripple_location_list;
	vector<float> ripple_radius_list;
	vector<float> ripple_param_list;
	vector<float> ripple_theta_list;
	vector<float> ripple_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> ripple_location_list;

vector<float> ripple_radius_list;

vector<float> ripple_param_list;

vector<float> ripple_theta_list;

vector<float> ripple_life_list;

};

#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 k = 0; k < 8; k++) {

		auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));
		vector<glm::vec3> log_list;
		for (int i = 0; i < 30; i++) {

			auto location = glm::vec3(
				ofMap(ofNoise(noise_seed.x, (ofGetFrameNum() + i) * 0.005), 0, 1, -350, 350),
				ofMap(ofNoise(noise_seed.y, (ofGetFrameNum() + i) * 0.005), 0, 1, -350, 350),
				0);

			log_list.push_back(location);
		}

		if (ofGetFrameNum() % 10 == 0) {

			auto direction = log_list[log_list.size() - 1] - log_list[log_list.size() - 2];
			auto theta = atan2(direction.y, direction.x);
			auto param = glm::length(direction) * 0.5;

			this->ripple_location_list.push_back(log_list[log_list.size() - 1]);
			this->ripple_radius_list.push_back(0);
			this->ripple_param_list.push_back(param);
			this->ripple_theta_list.push_back(theta);
			this->ripple_life_list.push_back(255);
		}

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

			ofSetColor(ofMap(i, 0, log_list.size(), 239, 39));
			ofDrawLine(log_list[i], log_list[i - 1]);
		}

		ofFill();
		ofSetColor(39);
		ofDrawSphere(log_list[log_list.size() - 1], 2);
	}

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

		this->ripple_radius_list[i] += this->ripple_param_list[i];
		this->ripple_life_list[i] -= 10;

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

			this->ripple_location_list.erase(this->ripple_location_list.begin() + i);
			this->ripple_radius_list.erase(this->ripple_radius_list.begin() + i);
			this->ripple_param_list.erase(this->ripple_param_list.begin() + i);
			this->ripple_theta_list.erase(this->ripple_theta_list.begin() + i);
			this->ripple_life_list.erase(this->ripple_life_list.begin() + i);

			continue;
		}

		ofNoFill();
		ofSetColor(ofMap(this->ripple_life_list[i], 0, 255, 239, 39));
		ofBeginShape();
		for (int deg = 0; deg < 360; deg += 3) {

			auto vertex = glm::vec3(this->ripple_radius_list[i] * cos(deg * DEG_TO_RAD), this->ripple_radius_list[i] * sin(deg * DEG_TO_RAD), 0);
			auto rotation_x = glm::rotate(glm::mat4(), (float)(PI * 0.5), glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), (float)(this->ripple_theta_list[i] + PI * 0.5), glm::vec3(0, 1, 0));
			vertex = this->ripple_location_list[i] + glm::vec4(vertex, 0) * rotation_y * rotation_x;

			ofVertex(vertex);
		}
		ofEndShape(true);
	}

	this->cam.end();
}

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

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

100

101

102

103

#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 k = 0; k < 8; k++) {

auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

vector<glm::vec3> log_list;

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

auto location = glm::vec3(

ofMap(ofNoise(noise_seed.x, (ofGetFrameNum() + i) * 0.005), 0, 1, -350, 350),

ofMap(ofNoise(noise_seed.y, (ofGetFrameNum() + i) * 0.005), 0, 1, -350, 350),

0);

log_list.push_back(location);

}

if (ofGetFrameNum() % 10 == 0) {

auto direction = log_list[log_list.size() - 1] - log_list[log_list.size() - 2];

auto theta = atan2(direction.y, direction.x);

auto param = glm::length(direction) * 0.5;

this->ripple_location_list.push_back(log_list[log_list.size() - 1]);

this->ripple_radius_list.push_back(0);

this->ripple_param_list.push_back(param);

this->ripple_theta_list.push_back(theta);

this->ripple_life_list.push_back(255);

}

ofNoFill();

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

ofSetColor(ofMap(i, 0, log_list.size(), 239, 39));

ofDrawLine(log_list[i], log_list[i - 1]);

}

ofFill();

ofSetColor(39);

ofDrawSphere(log_list[log_list.size() - 1], 2);

}

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

this->ripple_radius_list[i] += this->ripple_param_list[i];

this->ripple_life_list[i] -= 10;

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

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

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

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

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

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

continue;

}

ofNoFill();

ofSetColor(ofMap(this->ripple_life_list[i], 0, 255, 239, 39));

ofBeginShape();

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

auto vertex = glm::vec3(this->ripple_radius_list[i] * cos(deg * DEG_TO_RAD), this->ripple_radius_list[i] * sin(deg * DEG_TO_RAD), 0);

auto rotation_x = glm::rotate(glm::mat4(), (float)(PI * 0.5), glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), (float)(this->ripple_theta_list[i] + PI * 0.5), glm::vec3(0, 1, 0));

vertex = this->ripple_location_list[i] + glm::vec4(vertex, 0) * rotation_y * rotation_x;

ofVertex(vertex);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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