junkiyoshi – ページ 753 – プログラミング de 落描き

2019年3月14日2019年3月14日

Aa. openFrameworks

[ Video ]

[ About ]
ofTrueTypeFontの座標を元にBoxを配置。ノイズ関数で描写の有無を決定

Arrange the box based on coordinates of ofTrueTypeFont.
Determine presence or absence of depicition with Perlin Noise.

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

	ofTrueTypeFont font;
	int span;
	vector<glm::vec2> locations;
};

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

ofTrueTypeFont font;

int span;

vector<glm::vec2> locations;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 450, true, true, true);
	this->span = 20;

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofClear(0);
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

	string word = "Aa";
	this->font.drawString(word, this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);

	fbo.end();

	ofPixels pixels;
	fbo.readToPixels(pixels);

	for (int x = 0; x < fbo.getWidth(); x += this->span) {

		for (int y = 0; y < fbo.getHeight(); y += this->span) {

			if (pixels.getColor(x, y) != ofColor(0, 0)) {

				this->locations.push_back(glm::vec2(x - ofGetWidth() * 0.5, ofGetHeight() - y - ofGetHeight() * 0.5));
			}
		}
	}
}

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

}

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

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

	for (auto& location : this->locations) {

		for (int z = this->span * -2; z <= this->span * 2; z += this->span) {

			float noise_value = ofNoise(location.x * 0.0045, location.y * 0.0045, z * 0.05, ofGetFrameNum() * 0.02);

			if (noise_value > 0.5) {

				ofFill();
				ofSetColor(39);
				ofDrawBox(glm::vec3(location, z), this->span - 1);

				ofNoFill();
				ofSetColor(239);
				ofDrawBox(glm::vec3(location, z), this->span);
			}
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofEnableDepthTest();

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

this->span = 20;

ofFbo fbo;

fbo.allocate(ofGetWidth(), ofGetHeight());

fbo.begin();

ofClear(0);

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

string word = "Aa";

this->font.drawString(word, this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);

fbo.end();

ofPixels pixels;

fbo.readToPixels(pixels);

for (int x = 0; x < fbo.getWidth(); x += this->span) {

for (int y = 0; y < fbo.getHeight(); y += this->span) {

if (pixels.getColor(x, y) != ofColor(0, 0)) {

this->locations.push_back(glm::vec2(x - ofGetWidth() * 0.5, ofGetHeight() - y - ofGetHeight() * 0.5));

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum());

for (auto& location : this->locations) {

for (int z = this->span * -2; z <= this->span * 2; z += this->span) {

float noise_value = ofNoise(location.x * 0.0045, location.y * 0.0045, z * 0.05, ofGetFrameNum() * 0.02);

if (noise_value > 0.5) {

ofFill();

ofSetColor(39);

ofDrawBox(glm::vec3(location, z), this->span - 1);

ofNoFill();

ofSetColor(239);

ofDrawBox(glm::vec3(location, z), this->span);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年3月13日2019年3月12日

RGB Sphere on circle. openFrameworks

[ Video ]

[ About ]
RGBの球体を円周上に配置

RGB Sphere on circle.

[ 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(239);
	ofSetColor(39);
	ofSetLineWidth(3);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	int radius = 200;

	this->cam.begin();
	
	vector<ofColor> colors = { ofColor(255, 0, 0), ofColor(0, 255, 0), ofColor(0, 0, 255) };

	for (int z = -300; z <= 300; z += 80) {

		ofPushMatrix();
		ofRotate(ofNoise((z + 300) * 0.001 + ofGetFrameNum() * 0.008) * 720);

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

			ofSetColor(39);
			ofNoFill();
			ofBeginShape();
			for (int tmp_deg = deg; tmp_deg < deg + 100; tmp_deg++) {

				ofVertex(glm::vec3(radius * cos(tmp_deg * DEG_TO_RAD), radius * sin(tmp_deg * DEG_TO_RAD), z));
			}
			ofEndShape();

			ofSetColor(colors[color_index++]);
			ofFill();
			ofDrawSphere(glm::vec3(radius * cos((deg + 110) * DEG_TO_RAD), radius * sin((deg + 110) * DEG_TO_RAD), z), 15);
		}

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

ofSetColor(39);

ofSetLineWidth(3);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

int radius = 200;

this->cam.begin();

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

for (int z = -300; z <= 300; z += 80) {

ofPushMatrix();

ofRotate(ofNoise((z + 300) * 0.001 + ofGetFrameNum() * 0.008) * 720);

int color_index = 0;

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

ofSetColor(39);

ofNoFill();

ofBeginShape();

for (int tmp_deg = deg; tmp_deg < deg + 100; tmp_deg++) {

ofVertex(glm::vec3(radius * cos(tmp_deg * DEG_TO_RAD), radius * sin(tmp_deg * DEG_TO_RAD), z));

}

ofEndShape();

ofSetColor(colors[color_index++]);

ofFill();

ofDrawSphere(glm::vec3(radius * cos((deg + 110) * DEG_TO_RAD), radius * sin((deg + 110) * DEG_TO_RAD), z), 15);

}

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年3月12日2019年3月12日

Rotating my name. openFrameworks

[ Video ]

[ About ]
ofTrueTypeFontから取得した座標をglm::rotateでグネグネさせる

Rotate point from ofTrueTypeFont by glm::rotate.

[ 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;
	ofTrueTypeFont font;
	vector<glm::vec3> locations;
};

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

ofTrueTypeFont font;

vector<glm::vec3> locations;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);

	string word = "KIYOSHI";
	for (int y = -1000; y <= 1000; y += 500) {

		float noise_seed_x = ofRandom(1000);
		float noise_seed_y = ofRandom(1000);
		auto path_list = this->font.getStringAsPoints(word, true, false);
		for (int point_index = 0; point_index < path_list.size(); point_index++) {

			auto outline = path_list[point_index].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(100);
				auto vertices = outline[outline_index].getVertices();
				for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

					auto location = glm::vec3(vertices[vertices_index].x - this->font.stringWidth(word) * 0.5, y + vertices[vertices_index].y + this->font.stringHeight(word) * 0.5, 0);
					auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_y, ofGetFrameNum() * 0.008 + (location.y + y) * 0.0005), 0, 1, -PI * 0.5, PI * 0.5), glm::vec3(0, 1, 0));

					location = glm::vec4(location, 0) * rotation_y;
					ofVertex(location);
				}
			}
			ofEndShape(true);
		}
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofEnableDepthTest();

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

string word = "KIYOSHI";

for (int y = -1000; y <= 1000; y += 500) {

float noise_seed_x = ofRandom(1000);

float noise_seed_y = ofRandom(1000);

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

for (int point_index = 0; point_index < path_list.size(); point_index++) {

auto outline = path_list[point_index].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(100);

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

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

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

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(noise_seed_y, ofGetFrameNum() * 0.008 + (location.y + y) * 0.0005), 0, 1, -PI * 0.5, PI * 0.5), glm::vec3(0, 1, 0));

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

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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