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