openFrameworks – ページ 401 – プログラミング de 落描き

2021年8月3日2021年8月3日

Ring of numbers. Draw by openFrameworks

[ Video ]

[ About ]
回転後の座標からノイズの値を生成して表示文字を切り替える。

Generate noise values from the rotated coordinates and switch the display character.

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

	float font_size;
	ofTrueTypeFont font;
};

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

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(3);
	ofEnableDepthTest();

	this->font_size = 55;
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.15);
	ofRotateX(ofGetFrameNum() * 0.3);

	string word = "0123456789";
	int sample_count = 30;
	auto base_location = glm::vec3(0, 0, 0);

	for (int r = 0; r < 5; r++) {

		auto radius = 350 - r * 20;
		auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

		auto angle_x = ofMap(ofNoise(noise_param.x, ofGetFrameNum() * 0.0001), 0, 1, -PI * 1.5, PI * 1.5);
		auto angle_y = ofMap(ofNoise(noise_param.y, ofGetFrameNum() * 0.0001), 0, 1, -PI * 1.5, PI * 1.5);
		auto angle_z = ofMap(ofNoise(noise_param.z, ofGetFrameNum() * 0.0001), 0, 1, -PI * 1.5, PI * 1.5);

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

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

			auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
			auto noise_location = glm::vec4(this->font_size * 0.5, base_location.y + this->font_size * -0.5, radius, 0) * rotation;
			noise_location = noise_location * rotation_z * rotation_y * rotation_x;

			int word_index = (int)ofMap(ofNoise(noise_location.x * 0.0001, noise_location.y * 0.0001 - ofGetFrameNum() * 0.005, noise_location.z * 0.0001), 0, 1, 0, word.size() * 2) % word.size();

			ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false);
			vector<ofPolyline> outline = chara_path.getOutline();

			ofFill();
			ofSetColor(239);
			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				if (outline_index != 0) { ofNextContour(true); }

				auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
				for (auto& vertex : vertices) {

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);
					auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
					location = glm::vec4(location, 0) * rotation;
					location += base_location;
					location = glm::vec4(location, 0) * rotation_z * rotation_y * rotation_x;

					location = glm::normalize(location) * radius;

					ofVertex(location);
				}
			}
			ofEndShape();

			ofNoFill();
			ofSetColor(39);
			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				if (outline_index != 0) { ofNextContour(true); }

				auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
				for (auto& vertex : vertices) {

					auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);
					auto rotation = glm::rotate(glm::mat4(), (i * 7.2f) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
					location = glm::vec4(location, 0) * rotation;
					location += base_location;
					location = glm::vec4(location, 0) * rotation_z * rotation_y * rotation_x;

					location = glm::normalize(location) * radius;

					ofVertex(location);
				}
			}
			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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(3);

ofEnableDepthTest();

this->font_size = 55;

this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.15);

ofRotateX(ofGetFrameNum() * 0.3);

string word = "0123456789";

int sample_count = 30;

auto base_location = glm::vec3(0, 0, 0);

for (int r = 0; r < 5; r++) {

auto radius = 350 - r * 20;

auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

auto angle_x = ofMap(ofNoise(noise_param.x, ofGetFrameNum() * 0.0001), 0, 1, -PI * 1.5, PI * 1.5);

auto angle_y = ofMap(ofNoise(noise_param.y, ofGetFrameNum() * 0.0001), 0, 1, -PI * 1.5, PI * 1.5);

auto angle_z = ofMap(ofNoise(noise_param.z, ofGetFrameNum() * 0.0001), 0, 1, -PI * 1.5, PI * 1.5);

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

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

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

auto noise_location = glm::vec4(this->font_size * 0.5, base_location.y + this->font_size * -0.5, radius, 0) * rotation;

noise_location = noise_location * rotation_z * rotation_y * rotation_x;

int word_index = (int)ofMap(ofNoise(noise_location.x * 0.0001, noise_location.y * 0.0001 - ofGetFrameNum() * 0.005, noise_location.z * 0.0001), 0, 1, 0, word.size() * 2) % word.size();

ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false);

vector<ofPolyline> outline = chara_path.getOutline();

ofFill();

ofSetColor(239);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);

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

location = glm::vec4(location, 0) * rotation;

location += base_location;

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

location = glm::normalize(location) * radius;

ofVertex(location);

}

ofEndShape();

ofNoFill();

ofSetColor(39);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();

for (auto& vertex : vertices) {

auto location = vertex - glm::vec3(this->font_size * 0.5, this->font_size * -0.5, 350);

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

location = glm::vec4(location, 0) * rotation;

location += base_location;

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

location = glm::normalize(location) * radius;

ofVertex(location);

}

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年8月2日2021年8月2日

Limit destination. Draw by openFrameworks

[ Video ]

[ About ]
円の内側に限定する。
移動先が中心から一定距離以下であれば、ノイズ関数のパラメータを進める。

Limit to inside the circle.
If the destination is less than a certain distance from the center, advance the parameters of the noise function.

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

	float radius;

	vector<glm::vec2> base_location_list;
	vector<vector<glm::vec3>> log_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) {};

float radius;

vector<glm::vec2> base_location_list;

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

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
	ofNoFill();

	this->radius = 200;
	for (float deg = 0; deg < 360; deg += 1.5) {

		auto location = glm::vec2(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD));
		this->base_location_list.push_back(location);
	}
}

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

	this->log_list.clear();

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

		vector<glm::vec3> log;
		log.push_back(glm::vec3(this->base_location_list[i], 0));
		this->log_list.push_back(log);
	}

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

		int k = 0;
		while (this->log_list[i].size() < 330) {

			auto deg = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.015, (ofGetFrameNum() + k) * 0.005)), 0, 1, -360, 360);
			auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));
			
			if (glm::length(next) < this->radius) {

				this->log_list[i].push_back(next);
			}

			k++;
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

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

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofNoFill();

this->radius = 200;

for (float deg = 0; deg < 360; deg += 1.5) {

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

this->base_location_list.push_back(location);

}

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

void ofApp::update() {

this->log_list.clear();

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

vector<glm::vec3> log;

log.push_back(glm::vec3(this->base_location_list[i], 0));

this->log_list.push_back(log);

}

int step = 1;

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

int k = 0;

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

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

auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

if (glm::length(next) < this->radius) {

this->log_list[i].push_back(next);

}

k++;

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

ofSetColor(139);

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

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年8月1日

Noise walk starting from a circle. Draw by openFrameworks

[ Video ]

[ About ]
出発地点が同じランダムウォーク。

Random walk with the same starting point.

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

	float radius;

	vector<glm::vec2> base_location_list;
	vector<vector<glm::vec3>> log_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) {};

float radius;

vector<glm::vec2> base_location_list;

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

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofNoFill();

	this->radius = 180;
	for (int deg = 0; deg < 360; deg += 1) {

		auto location = glm::vec2(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD));
		this->base_location_list.push_back(location);
	}
}

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

	this->log_list.clear();

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

		vector<glm::vec3> log;
		log.push_back(glm::vec3(this->base_location_list[i], 0));
		this->log_list.push_back(log);
	}

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

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

			auto deg = ofMap(ofNoise(glm::vec4(this->log_list[i].back() * 0.015, (ofGetFrameNum() + this->log_list[i].size()) * 0.001)), 0, 1, -360, 360);
			auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));
			this->log_list[i].push_back(next);
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

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

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

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofNoFill();

this->radius = 180;

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

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

this->base_location_list.push_back(location);

}

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

void ofApp::update() {

this->log_list.clear();

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

vector<glm::vec3> log;

log.push_back(glm::vec3(this->base_location_list[i], 0));

this->log_list.push_back(log);

}

int step = 2;

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

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

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

auto next = this->log_list[i].back() + glm::vec2(step * cos(deg * DEG_TO_RAD), step * sin(deg * DEG_TO_RAD));

this->log_list[i].push_back(next);

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

ofSetColor(239, 39, 39);

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

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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