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

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

2021年10月20日2021年10月20日

Six-sided rain. Draw by openFrameworks

[ Video ]

[ About ]
radiusが0以下の場合は雫、radiusが0以上の時は波紋。

If radius is less than or equal to 0, it is a drop; if radius is greater than or equal to 0, it is a ripple.

[ 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);
	ofSetLineWidth(2);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.45);

	ofNoFill();
	auto len = 300;
	for (int i = 0; i < 8; i++) {

		if (i < 4) {

			ofRotateX(90);
		}
		else if (i < 5) {

			ofRotateY(90);
		}
		else {

			ofRotateY(180);
		}

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

			auto location = glm::vec3(ofRandom(-len * 0.5, len * 0.5), ofRandom(-len * 0.5, len * 0.5), len * 0.5);
			auto radius = (int)(ofRandom(1000) + ofGetFrameNum()) % 150 - 100;

			if (radius < 0) {

				auto z = ofMap(radius, -100, 0, len * 10, 0);
				ofDrawLine(location + glm::vec3(0, 0, z), location + glm::vec3(0, 0, z + 50));
			}
			else {

				ofSetColor(255, radius > 25 ? ofMap(radius, 25, 50, 255, 0) : 255);

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

					auto vertex = location + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

					if (vertex.y > len * 0.5) { vertex.y = len * 0.5; }
					if (vertex.y < -len * 0.5) { vertex.y = -len * 0.5; }
					if (vertex.x > len * 0.5) { vertex.x = len * 0.5; }
					if (vertex.x < -len * 0.5) { vertex.x = -len * 0.5; }

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

	ofFill();
	ofSetColor(0);

	ofDrawBox(len * 0.75);

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

ofSetLineWidth(2);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.45);

ofNoFill();

auto len = 300;

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

if (i < 4) {

ofRotateX(90);

}

else if (i < 5) {

ofRotateY(90);

}

else {

ofRotateY(180);

}

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

auto location = glm::vec3(ofRandom(-len * 0.5, len * 0.5), ofRandom(-len * 0.5, len * 0.5), len * 0.5);

auto radius = (int)(ofRandom(1000) + ofGetFrameNum()) % 150 - 100;

if (radius < 0) {

auto z = ofMap(radius, -100, 0, len * 10, 0);

ofDrawLine(location + glm::vec3(0, 0, z), location + glm::vec3(0, 0, z + 50));

}

else {

ofSetColor(255, radius > 25 ? ofMap(radius, 25, 50, 255, 0) : 255);

ofBeginShape();

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

auto vertex = location + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

if (vertex.y > len * 0.5) { vertex.y = len * 0.5; }

if (vertex.y < -len * 0.5) { vertex.y = -len * 0.5; }

if (vertex.x > len * 0.5) { vertex.x = len * 0.5; }

if (vertex.x < -len * 0.5) { vertex.x = -len * 0.5; }

ofVertex(vertex);

}

ofEndShape(true);

}

ofFill();

ofSetColor(0);

ofDrawBox(len * 0.75);

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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

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