Numbers on the box. Draw by openFrameworks – プログラミング de 落描き

[ Video ]

[ About ]
箱の上の数字。

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

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

};

#include "ofApp.h"	

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

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

	ofBackground(0);
	ofSetLineWidth(2);
	ofEnableDepthTest();

	this->font.loadFont("fonts/msgothic.ttc", 50, true, true, true);
}

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

	ofSeedRandom(39);
}

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

	string word = "0123456789";
	ofColor color;

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.333333333333);
	ofRotateX(ofGetFrameNum() * 0.666666666666);

	ofNoFill();
	auto len = 200;
	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;
			color.setHsb(ofRandom(255), 180, 255);

			auto angle = ofRandom(-PI * 2, PI * 2);
			auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(0, 0, 1));

			if (radius > 0) {

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

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

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

					ofNextContour(true);

					outline[outline_index] = outline[outline_index].getResampledByCount(60);
					vector<glm::vec3> vertices = outline[outline_index].getVertices();

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

						glm::vec3 vertex = location + glm::vec4(((vertices[vertices_index] - glm::vec2(25, -25)) / 50) * radius * 2, 0) * rotation;
						vertex.z += k;

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

				ofSetColor(color, radius > 25 ? ofMap(radius, 25, 80, 32, 0) : 32);

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

					ofNextContour(true);

					outline[outline_index] = outline[outline_index].getResampledByCount(60);
					vector<glm::vec3> vertices = outline[outline_index].getVertices();

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

						glm::vec3 vertex = location + glm::vec4(((vertices[vertices_index] - glm::vec2(25, -25)) / 50) * radius * 2, 0) * rotation;
						vertex.z += k;

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

		ofSetColor(0);
		ofFill();
		ofDrawBox(len * 0.95);
	}

	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

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(2);

ofEnableDepthTest();

this->font.loadFont("fonts/msgothic.ttc", 50, true, true, true);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

string word = "0123456789";

ofColor color;

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.333333333333);

ofRotateX(ofGetFrameNum() * 0.666666666666);

ofNoFill();

auto len = 200;

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;

color.setHsb(ofRandom(255), 180, 255);

auto angle = ofRandom(-PI * 2, PI * 2);

auto rotation = glm::rotate(glm::mat4(), angle, glm::vec3(0, 0, 1));

if (radius > 0) {

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

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

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

ofFill();

ofBeginShape();

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

ofNextContour(true);

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

vector<glm::vec3> vertices = outline[outline_index].getVertices();

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

glm::vec3 vertex = location + glm::vec4(((vertices[vertices_index] - glm::vec2(25, -25)) / 50) * radius * 2, 0) * rotation;

vertex.z += k;

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

ofSetColor(color, radius > 25 ? ofMap(radius, 25, 80, 32, 0) : 32);

ofNoFill();

ofBeginShape();

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

ofNextContour(true);

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

vector<glm::vec3> vertices = outline[outline_index].getVertices();

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

glm::vec3 vertex = location + glm::vec4(((vertices[vertices_index] - glm::vec2(25, -25)) / 50) * radius * 2, 0) * rotation;

vertex.z += k;

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

}

ofSetColor(0);

ofFill();

ofDrawBox(len * 0.95);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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