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

2021年10月22日2021年10月22日

I just rotated the dots… Draw by openFrameworks

[ Video ]

[ About ]
ドットを回転だけで不思議な模様が浮かび上がった…

I just rotated the dots…

[ Source ]

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

	ofMesh mesh;
};

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

ofMesh mesh;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetColor(39);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);
}

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

	this->mesh.clear();

	int size = 3;
	for (int x = 100; x < ofGetWidth() - 100; x += size) {

		for (int y = 100; y < ofGetHeight() - 100; y += size) {

			float deg = ofMap(ofNoise(x * 0.0035, y * 0.0035, ofGetFrameNum() * 0.03), 0, 1, -360, 360);
			this->mesh.addVertex(glm::vec3(x + size * 3 * cos(deg * DEG_TO_RAD), y + size * 3 * sin(deg * DEG_TO_RAD), 0));
		}
	}
}

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

	this->mesh.drawVertices();
}


//--------------------------------------------------------------
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_MULTIPLY);

}

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

void ofApp::update() {

this->mesh.clear();

int size = 3;

for (int x = 100; x < ofGetWidth() - 100; x += size) {

for (int y = 100; y < ofGetHeight() - 100; y += size) {

float deg = ofMap(ofNoise(x * 0.0035, y * 0.0035, ofGetFrameNum() * 0.03), 0, 1, -360, 360);

this->mesh.addVertex(glm::vec3(x + size * 3 * cos(deg * DEG_TO_RAD), y + size * 3 * sin(deg * DEG_TO_RAD), 0));

}

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

void ofApp::draw() {

this->mesh.drawVertices();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年10月21日2021年10月21日

Thank you for the likes. Draw by openFrameworks

[ Video ]

[ About ]
背景を描写せずに、上書きを続ける。周りだけ塗りつぶして枠とする。

Continue to overwrite without describing the background. Fill in only the area around it to make a frame.

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

	glm::vec2 make_point(float theta);
};

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

glm::vec2 make_point(float theta);

};

#include "ofApp.h"	

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetColor(39);

	ofSetBackgroundAuto(false);

}

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

	ofSeedRandom(39);
}

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

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

		auto location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, 50, 670), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, 50, 670));
		auto scale = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, 1, 10);

		ofPushMatrix();
		ofTranslate(location);
		ofRotate(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, -360, 360));

		ofSetColor(39);
		ofFill();
		ofBeginShape();
		for (auto deg = 0; deg < 360; deg += 1) {

			ofVertex(this->make_point(deg * DEG_TO_RAD) * scale);
		}
		ofEndShape(true);

		ofSetColor(239);
		ofNoFill();
		ofBeginShape();
		for (auto deg = 0; deg < 360; deg += 1) {

			ofVertex(this->make_point(deg * DEG_TO_RAD) * scale);
		}
		ofEndShape(true);

		ofPopMatrix();
	}

	ofSetColor(239);
	ofFill();
	ofBeginShape();
	ofVertex(0, 0);
	ofVertex(ofGetWidth(), 0);
	ofVertex(ofGetWidth(), ofGetHeight());
	ofVertex(0, ofGetHeight());
	ofNextContour(true);
	ofVertex(50, 50);
	ofVertex(ofGetWidth() - 50, 50);
	ofVertex(ofGetWidth() - 50, ofGetHeight() - 50);
	ofVertex(50, ofGetHeight() - 50);
	ofEndShape(true);
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofSetBackgroundAuto(false);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

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

auto location = glm::vec2(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, 50, 670), ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, 50, 670));

auto scale = ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, 1, 10);

ofPushMatrix();

ofTranslate(location);

ofRotate(ofMap(ofNoise(ofRandom(1000), ofGetFrameNum() * 0.05), 0, 1, -360, 360));

ofSetColor(39);

ofFill();

ofBeginShape();

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

ofVertex(this->make_point(deg * DEG_TO_RAD) * scale);

}

ofEndShape(true);

ofSetColor(239);

ofNoFill();

ofBeginShape();

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

ofVertex(this->make_point(deg * DEG_TO_RAD) * scale);

}

ofEndShape(true);

ofPopMatrix();

}

ofSetColor(239);

ofFill();

ofBeginShape();

ofVertex(0, 0);

ofVertex(ofGetWidth(), 0);

ofVertex(ofGetWidth(), ofGetHeight());

ofVertex(0, ofGetHeight());

ofNextContour(true);

ofVertex(50, 50);

ofVertex(ofGetWidth() - 50, 50);

ofVertex(ofGetWidth() - 50, ofGetHeight() - 50);

ofVertex(50, ofGetHeight() - 50);

ofEndShape(true);

}

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

//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/Insta20211021

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年10月19日2021年10月19日

Mesh waves. Draw by openFrameworks

[ Video ]

[ About ]
ポイントをX、Y、Z方向に動かして、うねりを作る。

Move the point in the X, Y, and Z directions to create a swell.

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

	glm::vec3 rotate(glm::vec3 seed, glm::vec3 location);

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

glm::vec3 rotate(glm::vec3 seed, glm::vec3 location);

ofEasyCam cam;

ofMesh mesh;

};

#include "ofApp.h"

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

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

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

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

	ofSeedRandom(39);

	this->mesh.clear();

	auto span = 5;
	auto seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	for (int x = -300; x <= 300; x += span) {

		for (int y = -300; y <= 300; y += span) {

			vector<glm::vec3> vertices;
			vertices.push_back(this->rotate(seed, glm::vec3(x, y, 0)));
			vertices.push_back(this->rotate(seed, glm::vec3(x + span, y, 0)));
			vertices.push_back(this->rotate(seed, glm::vec3(x + span, y + span, 0)));
			vertices.push_back(this->rotate(seed, glm::vec3(x, y + span, 0)));

			for (auto& vertex : vertices) {

				vertex.z = ofMap(vertex.z, -5, 5, -15, 15);
			}

			this->mesh.addVertices(vertices);

			this->mesh.addIndex(this->mesh.getNumVertices() - 1); this->mesh.addIndex(this->mesh.getNumVertices() - 2); this->mesh.addIndex(this->mesh.getNumVertices() - 3);
			this->mesh.addIndex(this->mesh.getNumVertices() - 1); this->mesh.addIndex(this->mesh.getNumVertices() - 3); this->mesh.addIndex(this->mesh.getNumVertices() - 4);
		}
	}
}

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

	this->cam.begin();

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

	ofTranslate(0, 0, 0.01);

	ofSetColor(239);
	this->mesh.drawWireframe();
	
	this->cam.end();
}


//--------------------------------------------------------------
glm::vec3 ofApp::rotate(glm::vec3 seed, glm::vec3 location) {

	float deg_x = ofMap(ofNoise(seed.x, location.x * 0.01, location.y * 0.01 + ofGetFrameNum() * 0.005), 0, 1, -180, 180);
	float deg_y = ofMap(ofNoise(seed.y, location.x * 0.01, location.y * 0.01 + ofGetFrameNum() * 0.005), 0, 1, -180, 180);
	float deg_z = ofMap(ofNoise(seed.z, location.x * 0.01, location.y * 0.01 + ofGetFrameNum() * 0.005), 0, 1, -180, 180);

	auto rotation_x = glm::rotate(glm::mat4(), deg_x * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));
	auto rotation_y = glm::rotate(glm::mat4(), deg_y * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
	auto rotation_z = glm::rotate(glm::mat4(), deg_z * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

	auto tmp = glm::vec3(5 * cos(0 * DEG_TO_RAD), 5 * sin(0 * DEG_TO_RAD), 0);
	tmp = glm::vec4(tmp, 0) * rotation_z * rotation_y * rotation_x;

	return location + tmp;
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(1);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

auto span = 5;

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

for (int x = -300; x <= 300; x += span) {

for (int y = -300; y <= 300; y += span) {

vector<glm::vec3> vertices;

vertices.push_back(this->rotate(seed, glm::vec3(x, y, 0)));

vertices.push_back(this->rotate(seed, glm::vec3(x + span, y, 0)));

vertices.push_back(this->rotate(seed, glm::vec3(x + span, y + span, 0)));

vertices.push_back(this->rotate(seed, glm::vec3(x, y + span, 0)));

for (auto& vertex : vertices) {

vertex.z = ofMap(vertex.z, -5, 5, -15, 15);

}

this->mesh.addVertices(vertices);

this->mesh.addIndex(this->mesh.getNumVertices() - 1); this->mesh.addIndex(this->mesh.getNumVertices() - 2); this->mesh.addIndex(this->mesh.getNumVertices() - 3);

this->mesh.addIndex(this->mesh.getNumVertices() - 1); this->mesh.addIndex(this->mesh.getNumVertices() - 3); this->mesh.addIndex(this->mesh.getNumVertices() - 4);

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(39);

this->mesh.draw();

ofTranslate(0, 0, 0.01);

ofSetColor(239);

this->mesh.drawWireframe();

this->cam.end();

}

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

glm::vec3 ofApp::rotate(glm::vec3 seed, glm::vec3 location) {

float deg_x = ofMap(ofNoise(seed.x, location.x * 0.01, location.y * 0.01 + ofGetFrameNum() * 0.005), 0, 1, -180, 180);

float deg_y = ofMap(ofNoise(seed.y, location.x * 0.01, location.y * 0.01 + ofGetFrameNum() * 0.005), 0, 1, -180, 180);

float deg_z = ofMap(ofNoise(seed.z, location.x * 0.01, location.y * 0.01 + ofGetFrameNum() * 0.005), 0, 1, -180, 180);

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

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

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

auto tmp = glm::vec3(5 * cos(0 * DEG_TO_RAD), 5 * sin(0 * DEG_TO_RAD), 0);

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

return location + tmp;

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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