cocos2d老虎機動畫

Question

我想創建一個模擬老虎機的應用程序。

現在，我已準備好所有圖像，並帶有垂直PNG文件和plist文件。我的問題是，如何模擬旋轉（用戶按下按鈕時），然後停止投幣機（大約1-2秒後）？

請注意，PNG文件必須以某種方式環繞。

其他一切都是NSArrays和檢查的問題，我想弄清楚的是動畫。我希望有些人可以分享一些代碼或引用來做到這一點。

謝謝！

Answer 1

這是相當直接的：只需重複png文件多次，以模擬旋轉動作。所以它基本上是視差滾動的垂直變化。如果你有Steffan Itterheim的書，他會在第7章「快樂滾動」中談論這種類型的東西。您也可以在這裏找到一些幫助：Cocos2D vertically scrolling background

希望這有助於！
邁克

Answer 2

我做這樣的事情：

#include <ctime> 
#include <vector> 
#include <cstdlib> 
#include <iostream> 

#include <SDL2/SDL.h> 
#include <SDL2/SDL_image.h> 

using namespace std; 

static int last[5]={0, 0, 0, 0, 0}; 
static int stops[5]; 

static int reels[5][63] = { 
    {9,7,12,5,7,3,4,11,9,7,12,6,7,4,11,10,4,3,11,12,7,5,10,9,7,5,9,10,8,9,7,4,9,10,11,5,10,3,9,10,3,9,4,8,7,5,11,9,12,6,3,5,7,9,11,10,6,7,3,5,10,8,4,}, 
    {11,5,4,7,6,8,4,9,7,8,3,11,6,5,11,7,12,5,8,6,10,9,5,6,8,7,12,11,5,6,10,3,4,5,9,12,8,9,6,5,12,8,9,12,7,8,5,10,12,7,11,3,4,8,7,4,5,9,8,6,12,4,6,}, 
    {10,4,5,8,6,7,5,9,6,7,8,4,6,5,11,3,9,8,7,11,12,6,8,5,4,8,6,12,9,6,5,11,3,7,4,8,7,3,10,9,5,6,4,3,9,12,10,8,9,6,3,9,10,6,7,5,6,8,4,11,9,7,8,}, 
    {9,3,6,5,3,10,6,9,5,12,4,8,11,10,7,6,5,9,7,3,8,6,12,4,5,7,3,12,10,6,9,7,8,5,6,4,9,6,11,5,8,12,6,7,3,6,10,3,7,5,10,8,9,6,12,4,7,9,5,6,8,3,10,}, 
    {5,3,9,4,6,12,10,5,11,4,8,7,10,5,9,11,4,6,7,3,6,4,8,5,11,8,5,10,8,11,5,10,8,3,7,4,10,11,5,7,8,9,5,11,6,8,10,3,7,9,3,8,10,12,6,8,10,11,7,10,8,11,6,}, 
}; 

static SDL_Window *window = NULL; 
static SDL_Surface *canvas = NULL; 
static const SDL_Surface *backgroundSurface = IMG_Load("./Background.png"); 
static SDL_Rect backgroundCoordinates = { 0, 0, 0, 0 }; 
static const SDL_Surface *symbolsSurface[] = { 
    NULL, 
    NULL, 
    NULL, 
    IMG_Load("./Symbol03.png"), 
    IMG_Load("./Symbol04.png"), 
    IMG_Load("./Symbol05.png"), 
    IMG_Load("./Symbol06.png"), 
    IMG_Load("./Symbol07.png"), 
    IMG_Load("./Symbol08.png"), 
    IMG_Load("./Symbol09.png"), 
    IMG_Load("./Symbol10.png"), 
    IMG_Load("./Symbol11.png"), 
    IMG_Load("./Symbol12.png"), 
    NULL, 
    NULL, 
    NULL, 
    NULL, 
}; 
static const SDL_Surface *reelsSurface[5] = {NULL, NULL, NULL, NULL, NULL}; 

static SDL_Rect symbolsCoordinates[5][3] = { 
    { { 298, 118, 0, 0 }, { 298, 266, 0, 0 }, { 298, 414, 0, 0 } }, 
    { { 474, 118, 0, 0 }, { 474, 266, 0, 0 }, { 474, 414, 0, 0 } }, 
    { { 651, 118, 0, 0 }, { 651, 266, 0, 0 }, { 651, 414, 0, 0 } }, 
    { { 827, 118, 0, 0 }, { 827, 266, 0, 0 }, { 827, 414, 0, 0 } }, 
    { { 1003, 118, 0, 0 }, { 1003, 266, 0, 0 }, {1003, 414, 0, 0 } }, 
}; 

static unsigned long animationStart = 0; 
static unsigned long animationEnd = 0; 
static bool stopped[5] = {false, false, false, false, false}; 
void draw() { 
    static double y0 = 0; 
    static double v0[5] = {-9.5, -9.6, -9.7, -9.8, -9.9}; 
    static long t = 0; 
    static double a = 0.0005; 
    static int y = 0; 

    SDL_BlitSurface((SDL_Surface*) backgroundSurface, NULL, canvas, &backgroundCoordinates); 

    for (int i = 0; i < 5 && animationStart!=animationEnd; i++) { 
     /* 
     * y = y0 + v0*t + 1/2*at^2 
     */ 
     y0 = last[i] * 140; 
     t = (1000 * clock()/CLOCKS_PER_SEC) - animationStart; 

     y = (int)(y0 + v0[i]*t + a*t*t/2) % (63*140); 
     if(y < 0) { 
      y += 63*140; 
     } 

     /* 
     * Stop near to the target position. 
     */ 
     if(i==0 && abs(y-stops[i]*140)<=140) { 
      last[i] = stops[i]; 
      stopped[i] = true; 
     }else if(stopped[i-1] == true && stopped[i] == false && abs(y-stops[i]*140)<=140) { 
      last[i] = stops[i]; 
      stopped[i] = true; 
     } 

     if(stopped[i] == true) { 
      SDL_SetSurfaceAlphaMod((SDL_Surface*) reelsSurface[i], 255); 
      y = stops[i] * 140; 
     } else { 
      SDL_SetSurfaceAlphaMod((SDL_Surface*) reelsSurface[i], 191); 
     } 

     const SDL_Rect frame = {0, y, 140, 3*140}; 
     SDL_BlitSurface((SDL_Surface*) reelsSurface[i], &frame, canvas, &symbolsCoordinates[i][0]); 
    } 

    SDL_UpdateWindowSurface(window); 
} 

int main() { 
    SDL_Init(SDL_INIT_EVERYTHING); 


    /* 
    * Build long strips (two more images at the end). 
    */ 
    for(int i=0, index; i<5; i++) { 
     reelsSurface[i] = IMG_Load("./Reel.png"); 

     for(int j=0; j<(63+2); j++) { 
      index = reels[i][j%63]; 

      SDL_Rect coordinates = {0, 140*j, 0, 0}; 
      SDL_BlitSurface((SDL_Surface*) symbolsSurface[index], NULL, (SDL_Surface*)reelsSurface[i], &coordinates); 
     } 
    } 

    //window = SDL_CreateWindow("Slot Reels Animation", 0, 0, 1280, 1024, SDL_WINDOW_FULLSCREEN_DESKTOP); 
    window = SDL_CreateWindow("Slot Reels Animation", 0, 0, 1440, 900, 0); 
    canvas = SDL_GetWindowSurface(window); 

    SDL_Event event; 
    bool done = false; 
    while (done == false) { 
     while (SDL_PollEvent(&event)) { 
      switch (event.type) { 
      case SDL_QUIT: 
       done = true; 
       break; 

      case SDL_KEYDOWN: 
       switch (event.key.keysym.sym) { 

       case SDLK_ESCAPE: 
        done = true; 
        break; 

       case SDLK_RETURN: 
        //startAnimation(); 
        memset(stopped, false, 5*sizeof(bool)); 
        animationStart = 1000 * clock()/CLOCKS_PER_SEC; 

        for (int i = 0, r; i < 5; i++) { 
         stops[i] = rand() % 63; 
        } 
        break; 
       } 
      } 
     } 

     draw(); 
    } 


    SDL_DestroyWindow(window); 

    for(int i=0; i<5; i++) { 
     SDL_FreeSurface((SDL_Surface*)reelsSurface[i]); 
    } 

    SDL_Quit(); 

    return EXIT_SUCCESS; 
}