noise – ページ 106 – プログラミング de 落描き

2022年5月12日

Milky Way. Draw by openFrameworks

[ Video ]

[ About ]
天の川。

Milky Way.

[ 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(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	
	// 配色デザイン ビビッドブルー P144
	vector<ofColor> color_palette;
	color_palette.push_back(ofColor(18, 85, 163));
	color_palette.push_back(ofColor(0, 165, 231));
	color_palette.push_back(ofColor(93, 177, 186));
	color_palette.push_back(ofColor(44, 121, 191));
	color_palette.push_back(ofColor(136, 185, 79));
	color_palette.push_back(ofColor(246, 221, 80));
	color_palette.push_back(ofColor(200, 59, 57));
	color_palette.push_back(ofColor(255, 255, 255)); 

	auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));
	for (int i = 0; i < 400; i++) {

		if (i % 200 == 0) {

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

		auto x = ofMap(ofNoise(noise_seed.x, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);
		auto y = ofMap(ofNoise(noise_seed.y, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);

		ofPushMatrix();
		ofTranslate(x + ofRandom(-15, 15), y + ofRandom(-15, 15));
		ofRotate(ofRandom(360));

		ofMesh mesh;
		mesh.addVertex(glm::vec3());
		mesh.addColor(color_palette[ofRandom(0, 7)]);

		int radius = ofRandom(10, 30);
		for (int k = 0; k < 5; k++) {

			auto deg = k * 72;

			mesh.addVertex(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));
			mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg - 36) * DEG_TO_RAD), radius * 0.5 * sin((deg - 36) * DEG_TO_RAD), 0));
			mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg + 36) * DEG_TO_RAD), radius * 0.5 * sin((deg + 36) * DEG_TO_RAD), 0));

			mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 1); mesh.addIndex(mesh.getNumVertices() - 3);
			mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 2); mesh.addIndex(mesh.getNumVertices() - 3);

			mesh.addColor(0);
			mesh.addColor(0);
			mesh.addColor(0);
		}

		mesh.draw();

		ofPopMatrix();
	}

	this->cam.end();
}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

// 配色デザインビビッドブルー P144

vector<ofColor> color_palette;

color_palette.push_back(ofColor(18, 85, 163));

color_palette.push_back(ofColor(0, 165, 231));

color_palette.push_back(ofColor(93, 177, 186));

color_palette.push_back(ofColor(44, 121, 191));

color_palette.push_back(ofColor(136, 185, 79));

color_palette.push_back(ofColor(246, 221, 80));

color_palette.push_back(ofColor(200, 59, 57));

color_palette.push_back(ofColor(255, 255, 255));

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

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

if (i % 200 == 0) {

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

}

auto x = ofMap(ofNoise(noise_seed.x, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);

auto y = ofMap(ofNoise(noise_seed.y, i * 0.01 + ofGetFrameNum() * 0.0015), 0, 1, -300, 300);

ofPushMatrix();

ofTranslate(x + ofRandom(-15, 15), y + ofRandom(-15, 15));

ofRotate(ofRandom(360));

ofMesh mesh;

mesh.addVertex(glm::vec3());

mesh.addColor(color_palette[ofRandom(0, 7)]);

int radius = ofRandom(10, 30);

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

auto deg = k * 72;

mesh.addVertex(glm::vec3(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD), 0));

mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg - 36) * DEG_TO_RAD), radius * 0.5 * sin((deg - 36) * DEG_TO_RAD), 0));

mesh.addVertex(glm::vec3(radius * 0.5 * cos((deg + 36) * DEG_TO_RAD), radius * 0.5 * sin((deg + 36) * DEG_TO_RAD), 0));

mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 1); mesh.addIndex(mesh.getNumVertices() - 3);

mesh.addIndex(0); mesh.addIndex(mesh.getNumVertices() - 2); mesh.addIndex(mesh.getNumVertices() - 3);

mesh.addColor(0);

}

mesh.draw();

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年5月9日

3 lines. Draw by openFrameworks

[ Video ]

[ About ]
3つの線と3つの線。

3 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 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(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(255);
	ofSetLineWidth(3);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);
	ofNoFill();
}

//--------------------------------------------------------------
void ofApp::update() {
	
	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

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

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

		int param_x = ofMap((ofGetFrameNum() * 12 + y * ofGetWindowWidth() / 3) % ofGetWindowWidth(), 0, ofGetWindowWidth(), ofGetWindowWidth() * -0.5 - 40, ofGetWindowWidth() * 0.5 + 40);
		for (int color_index = 0; color_index < color_list.size(); color_index++) {

			auto noise_seed = ofRandom(1000);

			ofSetColor(color_list[color_index]);
			ofBeginShape();
			for (int x = ofGetWindowWidth() * -0.5; x <= ofGetWindowWidth() * 0.5; x += 1) {

				auto noise_value = ofNoise(noise_seed, x * 0.02, ofGetFrameNum() * 0.001);
				auto param = ofMap(noise_value, 0, 1, -150, 150);
				auto len = abs(param_x - x);

				if (len < 80) {

					param *= ofMap(len, 0, 80, 1, 0);
				}
				else {

					param *= 0;
				}

				ofVertex(x, y + param);
			}
			ofEndShape(false);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(3);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

ofNoFill();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

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

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

int param_x = ofMap((ofGetFrameNum() * 12 + y * ofGetWindowWidth() / 3) % ofGetWindowWidth(), 0, ofGetWindowWidth(), ofGetWindowWidth() * -0.5 - 40, ofGetWindowWidth() * 0.5 + 40);

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

auto noise_seed = ofRandom(1000);

ofSetColor(color_list[color_index]);

ofBeginShape();

for (int x = ofGetWindowWidth() * -0.5; x <= ofGetWindowWidth() * 0.5; x += 1) {

auto noise_value = ofNoise(noise_seed, x * 0.02, ofGetFrameNum() * 0.001);

auto param = ofMap(noise_value, 0, 1, -150, 150);

auto len = abs(param_x - x);

if (len < 80) {

param *= ofMap(len, 0, 80, 1, 0);

}

else {

param *= 0;

}

ofVertex(x, y + param);

}

ofEndShape(false);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年5月4日

Warped character. Draw by openFrameworks

[ Video ]

[ About ]
歪み文字。

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

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

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetColor(255);
	ofNoFill();
	ofSetLineWidth(1.5);

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

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

}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	for (int y = -240 + 40; y < ofGetHeight() - 480; y += 120) {

		string word = "JunKiyoshi";
		auto path_list = font.getStringAsPoints(word, true, false);

		for (auto path : path_list) {

			auto outline = path.getOutline();

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

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

				outline[outline_index] = outline[outline_index].getResampledByCount(300);
				auto vertices = outline[outline_index].getVertices();
				for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

					auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);
					auto len = glm::length(location);

					auto noise_location = glm::normalize(location);
					auto radius = ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.02)), 0, 1, 60, 360);

					if (len > radius - 35 && len < radius) {

						location = glm::normalize(location) * (radius + 35);
					}

					if (len < radius + 35 && len > radius) {

						location = glm::normalize(location) * (radius + 35);
					}

					ofVertex(location);
				}
			}
			ofEndShape(true);
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofSetColor(255);

ofNoFill();

ofSetLineWidth(1.5);

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

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

for (int y = -240 + 40; y < ofGetHeight() - 480; y += 120) {

string word = "JunKiyoshi";

auto path_list = font.getStringAsPoints(word, true, false);

for (auto path : path_list) {

auto outline = path.getOutline();

ofBeginShape();

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

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

outline[outline_index] = outline[outline_index].getResampledByCount(300);

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

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

auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5);

auto len = glm::length(location);

auto noise_location = glm::normalize(location);

auto radius = ofMap(ofNoise(glm::vec3(noise_location, ofGetFrameNum() * 0.02)), 0, 1, 60, 360);

if (len > radius - 35 && len < radius) {

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

}

if (len < radius + 35 && len > radius) {

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

}

ofVertex(location);

}

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2024年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