[ Video ]
[ About ]
ズレるフォント。ズレる量はパーリンノイズ(Y座標, フレーム数)で決まります。
Font is shifting. Shift volume is determined by Perlin noise(Y location, FrameNumber)
[ Source ]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
#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; int font_size; }; |
|
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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
#include "ofApp.h" //-------------------------------------------------------------- void ofApp::setup() { ofSetFrameRate(60); ofSetWindowTitle("openframeworks"); ofBackground(239); ofSetColor(39); this->font_size = 100; this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true); } //-------------------------------------------------------------- void ofApp::update() { } //-------------------------------------------------------------- void ofApp::draw() { vector<char> charactors = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!' }; int sample_count = 180; for (int charactor_index = 0; charactor_index < charactors.size(); charactor_index++) { ofPath path = this->font.getCharacterAsPoints(charactors[charactor_index], true, false); vector<ofPolyline> outline = path.getOutline(); ofPoint location = ofPoint(charactor_index % 6 * this->font_size * 1.2 + this->font_size * 0.7, charactor_index / 6 * this->font_size * 1.4 + this->font_size * 0.7); ofPushMatrix(); ofTranslate(location); ofNoFill(); this->font.drawStringAsShapes(string{ charactors[charactor_index] }, this->font_size * -0.5 , this->font_size * 0.5); ofFill(); ofBeginShape(); for (int outline_index = 0; outline_index < (int)outline.size(); outline_index++) { if (outline_index != 0) { ofNextContour(true); } outline[outline_index] = outline[outline_index].getResampledByCount(sample_count); vector<glm::vec3> vertices = outline[outline_index].getVertices(); for (int vertices_index = 0; vertices_index < (int)vertices.size(); vertices_index++) { ofPoint point(vertices[vertices_index].x - this->font_size * 0.5, vertices[vertices_index].y + this->font_size * 0.5, vertices[vertices_index].z); int noise_x = ofMap(ofNoise((location.y + point.y) * 0.01 + ofGetFrameNum() * 0.03), 0, 1, -50, 50); noise_x /= 10; noise_x *= 10; if (noise_x > -10 && noise_x < 10) { noise_x = 0; } ofVertex(point + ofPoint(noise_x, 0)); } } ofEndShape(); ofPopMatrix(); } } //-------------------------------------------------------------- int main() { ofSetupOpenGL(720, 720, OF_WINDOW); ofRunApp(new ofApp()); } |