基于SDL实现类chrome://dino游戏的恐龙跑动（图片切换）求助

核心思路确实是通过切换两张（或多张）不同动作的恐龙素材来模拟跑动效果，本质是2D帧动画。下面是具体的实现步骤和代码示例：

步骤1：准备素材并加载纹理 #

首先你需要两张恐龙跑动的帧图（比如dino_run1.png和dino_run2.png），确保两张图的尺寸一致，这样切换时不会出现错位。用SDL_image的IMG_LoadTexture加载这两张图为纹理：

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

int main(int argc, char* argv[]) {
    // 初始化SDL基础环境
    SDL_Init(SDL_INIT_VIDEO);
    SDL_Window* window = SDL_CreateWindow("Dino Game", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, 800, 400, 0);
    SDL_Renderer* renderer = SDL_CreateRenderer(window, -1, SDL_RENDERER_ACCELERATED);
    IMG_Init(IMG_INIT_PNG);

    // 定义帧动画相关变量
    SDL_Texture* dino_frames[2];
    int current_frame = 0;
    const Uint32 frame_switch_ms = 150; // 控制切换速度，值越小跑动越快
    Uint32 last_switch_time = SDL_GetTicks();

    // 加载两张跑动帧纹理
    dino_frames[0] = IMG_LoadTexture(renderer, "dino_run1.png");
    dino_frames[1] = IMG_LoadTexture(renderer, "dino_run2.png");

    // 检查加载失败情况
    if (!dino_frames[0] || !dino_frames[1]) {
        printf("加载恐龙帧失败: %s\n", IMG_GetError());
        // 清理资源并退出
        SDL_DestroyRenderer(renderer);
        SDL_DestroyWindow(window);
        IMG_Quit();
        SDL_Quit();
        return 1;
    }

    // 主游戏循环
    int running = 1;
    while (running) {
        Uint32 current_time = SDL_GetTicks();
        SDL_Event event;

        // 处理退出事件
        while (SDL_PollEvent(&event)) {
            if (event.type == SDL_QUIT) {
                running = 0;
            }
        }

        // 帧切换逻辑：到达设定间隔就切换帧
        if (current_time - last_switch_time >= frame_switch_ms) {
            current_frame = (current_frame + 1) % 2; // 循环切换0和1帧
            last_switch_time = current_time;
        }

        // 渲染流程
        SDL_SetRenderDrawColor(renderer, 255, 255, 255, 255);
        SDL_RenderClear(renderer);

        // 设置恐龙的位置和大小，根据你的素材调整参数
        SDL_Rect dino_rect = {50, 300, 80, 100};
        SDL_RenderCopy(renderer, dino_frames[current_frame], NULL, &dino_rect);

        SDL_RenderPresent(renderer);
    }

    // 清理资源
    SDL_DestroyTexture(dino_frames[0]);
    SDL_DestroyTexture(dino_frames[1]);
    SDL_DestroyRenderer(renderer);
    SDL_DestroyWindow(window);
    IMG_Quit();
    SDL_Quit();
    return 0;
}

关键细节补充 #

• 帧切换速度：frame_switch_ms值建议设为120-180ms，这个区间的速度最接近Chrome恐龙的跑动节奏，你可以根据手感调整。
• 跳跃时暂停动画：如果要实现跳跃功能，只需添加一个is_jumping布尔变量，当恐龙处于跳跃状态时，跳过帧切换逻辑，保持当前帧静止即可。
• 素材对齐：两张帧图的恐龙主体位置要完全重合，否则切换时会出现抖动，建议用绘图软件（比如Aseprite、Photoshop）制作帧素材时对齐参考线。

内容的提问来源于stack exchange，提问作者Boris5581