[work 100] 100!!!

[work 100] 100!!!

Movie

Source code

about

  • タイルを上下左右に動かす
  • 最終的には100という数字が現れる

file

  • 上部にあるファイル名が表示されているボタンを押すと、表示されるファイルが切り替わります
  • 別ウィンドウ表示したい時や行番号などが無いRawMode表示したい時は、コード内右上のボタンを押してください(ボタンはマウスオーバーすると表示されます)
#include "ofMain.h"
#include "ofApp.h"

//================================
int main( ){

    // 4K:4096x2160
    // 2K:2048x1080
    // FullHD:1920x1080
    // HD:1440x1080
    // HD720p:1280x720
    // DVD:720x480
    // setup the GL context
    ofSetupOpenGL(1280, 720, OF_WINDOW);

	// this kicks off the running of my app
	// can be OF_WINDOW or OF_FULLSCREEN
	// pass in width and height too:
	ofRunApp( new ofApp());

}
#pragma once

#include "ofMain.h"

#include "Tile.hpp"


class ofApp : public ofBaseApp{
public:
    ofApp();
    ~ofApp();
    
    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);
    
private:
    std::shared_ptr<Tile> tile;
};
#include "ofApp.h"


ofApp::ofApp(){
    
}

ofApp::~ofApp(){
    
}

//--------------------------------------------------------------
void ofApp::setup(){
    double fps = 30;
    
    ofSetFrameRate(fps);
    ofBackground(0);
    ofSetBackgroundAuto(true);
    ofSetVerticalSync(true);
    
    tile = make_shared<Tile>();
    tile->setup();
}

//--------------------------------------------------------------
void ofApp::update(){
    tile->update();
}

//--------------------------------------------------------------
void ofApp::draw(){
    tile->display();
}

//--------------------------------------------------------------
void ofApp::keyPressed(int key){
    if (key == 's') {
        ofImage img;
        img.grabScreen(0, 0, ofGetWidth(), ofGetHeight());
        img.save("screenshot.png");
    }
}
#ifndef Tile_hpp
#define Tile_hpp

#include <stdio.h>
#include "ofMain.h"

struct TileSettings {
    int col;
    int row;
    ofVec2f from;
    ofVec2f to;
    ofVec2f current;
    ofVec2f dir;
    bool wrap;
    ofColor color;
};


enum MoveDir {
    TILE_UP = 0,
    TILE_DOWN,
    TILE_LEFT,
    TILE_RIGHT,
    TILE_PAUSE
};

class Tile {
public:
    Tile();
    ~Tile();
    void setup();
    void update();
    void display();
    
private:
    void setTo(MoveDir dir, int pos);
    
    int colMax, rowMax;
    float tileSize;
    
    std::vector<TileSettings> tile;
    
    std::vector<int> posList;
    std::vector<MoveDir> dirList;
    int index;
};
#endif /* Tile_hpp */
#include "Tile.hpp"



Tile::Tile()
{
    
}


Tile::~Tile()
{
    
}


void Tile::setup()
{
    ofTrueTypeFont font;
    font.load("font/Helvetica.ttc", 10);
    ofTexture tex = font.getStringTexture("100");
    
    ofFbo fbo;
    fbo.allocate(tex.getWidth(), tex.getHeight());
    fbo.begin();
    ofClear(0);
    tex.draw(0, 0);
    fbo.end();
    
    ofPixels pix;
    fbo.readToPixels(pix);
    
    colMax = pix.getWidth();
    rowMax = pix.getHeight();
    tileSize = 50;
    
    for (int i = 0; i < colMax; i++) {
        for (int j = 0; j < rowMax; j++) {
            TileSettings ts;
            ts.col = i;
            ts.row = j;
            ts.from = ofVec2f(tileSize / 2 + (tileSize * i), tileSize / 2 + (tileSize * j));
            ts.to = ts.from;
            ts.current = ts.to;
            ts.dir = ofVec2f(0, 0);
            ts.wrap = false;
            ts.color = pix.getColor(i, j);
            tile.push_back(ts);
        }
    }
    
    // shuffle
    for (int i = 0; i < 60; i++) {
        MoveDir dir;
        int pos;
        float p = ofRandom(1);
        
        if (p < 0.25) {
            dir = TILE_DOWN;
            pos = (int)ofRandom(colMax);
        } else if (p < 0.5) {
            dir = TILE_UP;
            pos = (int)ofRandom(colMax);
        } else if (p < 0.75) {
            dir = TILE_RIGHT;
            pos = (int)ofRandom(rowMax);
        } else {
            dir = TILE_LEFT;
            pos = (int)ofRandom(rowMax);
        }
        dirList.push_back(dir);
        posList.push_back(pos);
        setTo(dir, pos);
    }
    
    index = 0;
}


void Tile::update()
{
    int step = ofGetFrameNum() % (int)(ofGetTargetFrameRate() / 2);
    
    ofSetRectMode(OF_RECTMODE_CENTER);
    if (step != 0) {
        for (TileSettings &ts : tile) {
            ofVec2f to;
            ofVec2f d;
            if (ts.wrap) {
                to = ts.from + ts.dir * tileSize;
            } else {
                to = ts.to;
            }
            d = to - ts.from;
            float scale = ofMap(step, 0, (int)(ofGetTargetFrameRate() / 2) - 1, 0, 1);
            ts.current = ts.from + d * scale;
        }
    } else {
        if (index < dirList.size()) {
            MoveDir dir;
            int pos;
            auto dirItr = dirList.rbegin();
            auto posItr = posList.rbegin();
            
            dir = *(dirItr + index);
            pos = *(posItr + index);
            
            // set reverse direction
            if (dir == TILE_DOWN) {
                dir = TILE_UP;
            } else if (dir == TILE_UP) {
                dir = TILE_DOWN;
            } else if (dir == TILE_RIGHT) {
                dir = TILE_LEFT;
            } else if (dir == TILE_LEFT) {
                dir = TILE_RIGHT;
            }
            index++;
            
            setTo(dir, pos);
        } else {
            setTo(TILE_PAUSE, 0);
        }
    }
}


void Tile::display()
{
    ofRectangle window;
    window.setFromCenter(ofGetWidth() / 2, ofGetHeight() / 2, colMax * tileSize, rowMax * tileSize);
    ofVec2f offset = ofVec2f(window.getTopLeft());
    
    ofPushMatrix();
    ofTranslate(offset);
    ofFill();
    for (TileSettings ts : tile) {
        ofSetColor(ts.color);
        ofDrawRectangle(ts.current, tileSize, tileSize);
        if (ts.wrap) {
            ofVec2f from = ts.to - ts.dir * tileSize;
            ofVec2f current = from + (ts.current - ts.from);
            ofDrawRectangle(current, tileSize, tileSize);
        }
    }
    ofPopMatrix();
    
    // Mask
    ofSetColor(255);
    ofBeginShape();
    ofVertex(0, 0);
    ofVertex(ofGetWidth(), 0);
    ofVertex(ofGetWidth(), ofGetHeight());
    ofVertex(0, ofGetWidth());

    ofNextContour(true);
    
    ofVertex(window.getTopLeft());
    ofVertex(window.getTopRight());
    ofVertex(window.getBottomRight());
    ofVertex(window.getBottomLeft());
    ofEndShape();
}


void Tile::setTo(MoveDir dir, int pos)
{
    for (TileSettings &ts : tile) {
        ts.wrap = false;
        ts.from = ts.to;
        ts.current = ts.from;
    }
    
    if (dir == TILE_DOWN) { // Down
        for (TileSettings &ts : tile) {
            if (ts.col == pos) {
                ts.dir = ofVec2f(0, 1);
                if (ts.row == rowMax - 1) {
                    ts.row = 0;
                    ts.wrap = true;
                } else {
                    ts.row++;
                }
                ts.to = ofVec2f(tileSize / 2 + (tileSize * ts.col), tileSize / 2 + (tileSize * ts.row));
            }
        }
    } else if (dir == TILE_UP) { // Up
        for (TileSettings &ts : tile) {
            if (ts.col == pos) {
                ts.dir = ofVec2f(0, -1);
                if (ts.row == 0) {
                    ts.row = rowMax - 1;
                    ts.wrap = true;
                } else {
                    ts.row--;
                }
                ts.to = ofVec2f(tileSize / 2 + (tileSize * ts.col), tileSize / 2 + (tileSize * ts.row));
            }
        }
    } else if (dir == TILE_RIGHT) { // Right
        for (TileSettings &ts : tile) {
            if (ts.row == pos) {
                ts.dir = ofVec2f(1, 0);
                if (ts.col == colMax - 1) {
                    ts.col = 0;
                    ts.wrap = true;
                } else {
                    ts.col++;
                }
                ts.to = ofVec2f(tileSize / 2 + (tileSize * ts.col), tileSize / 2 + (tileSize * ts.row));
            }
        }
    } else if (dir == TILE_LEFT) { // Left
        for (TileSettings &ts : tile) {
            if (ts.row == pos) {
                ts.dir = ofVec2f(-1, 0);
                if (ts.col == 0) {
                    ts.col = colMax - 1;
                    ts.wrap = true;
                } else {
                    ts.col--;
                }
                ts.to = ofVec2f(tileSize / 2 + (tileSize * ts.col), tileSize / 2 + (tileSize * ts.row));
            }
        }
    } else { // Pause
        // do nothing
    }
}

Link to the reference page

ソースコードで使用したAPIの中から要点になりそうなものをいくつか選んでリストアップしました。

categoryAPI/Lib
openframeworksofTrueTypeFont
openframeworksofTexture
openframeworksofFbo
openframeworksofPixels
openframeworksofNextContour

Development environment

  • openframeworks 0.10.1
  • c++
  • macOS
  • Xcode