[ Video ]
[ About ]
文字の上をすべる矢印。
Arrows that slide over the text.
[ Source ]
|
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 |
#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) {}; void draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color); 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 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
#include "ofApp.h" //-------------------------------------------------------------- void ofApp::setup() { ofSetFrameRate(30); ofSetWindowTitle("openFrameworks"); ofBackground(255); ofSetLineWidth(4); this->font_size = 550; ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size); this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true); } //-------------------------------------------------------------- void ofApp::update() { ofSeedRandom(39); } //-------------------------------------------------------------- void ofApp::draw() { ofTranslate(ofGetWindowSize() * 0.5 + glm::vec2(this->font_size * -0.4, this->font_size * 0.5)); string word = "0123456789"; int word_index = (ofGetFrameNum() / 54) % word.size(); ofPath chara_path = this->font.getCharacterAsPoints(word[word_index], true, false); vector<ofPolyline> outline = chara_path.getOutline(); for (int outline_index = 0; outline_index < outline.size(); outline_index++) { auto vertices = outline[outline_index].getResampledBySpacing(38); for (int i = 0; i < vertices.size(); i++) { int param = ofGetFrameNum() % 5; if (i < vertices.size() - 1) { auto gap = vertices[i + 1] - vertices[i]; auto location = vertices[i] + gap * ofMap(param, 0, 5, 0, 1); this->draw_arrow(location, vertices[i + 1], 18, ofColor(255), ofColor(0)); } else { auto distance = glm::distance(vertices[0], vertices[i]); if (distance >= 18) { auto gap = vertices[0] - vertices[i]; auto location = vertices[i] + gap * ofMap(param, 0, 5, 0, 1); this->draw_arrow(location, vertices[0], 18, ofColor(255), ofColor(0)); } } } } } //-------------------------------------------------------------- void ofApp::draw_arrow(glm::vec2 location, glm::vec2 target, float size, ofColor fill_color, ofColor no_fill_color) { auto angle = std::atan2(target.y - location.y, target.x - location.x); ofSetColor(fill_color); ofFill(); ofBeginShape(); ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle))); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5))); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5))); ofEndShape(); ofBeginShape(); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25); ofEndShape(); ofSetColor(no_fill_color); ofNoFill(); ofBeginShape(); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5))); ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle))); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5))); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25); ofEndShape(); ofBeginShape(); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25); ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5); ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25); ofEndShape(); } //-------------------------------------------------------------- int main() { ofSetupOpenGL(720, 720, OF_WINDOW); ofRunApp(new ofApp()); } |