3

我正在尝试使用 SDL 将纹理加载到我的应用程序中。当构建为本机应用程序时，它可以正常工作。但是当我使用 Emscripten 构建它时，无法加载纹理。

纹理图像的宽度为64像素，我可以通过打印出wSDL_Surface 实例的成员来验证。但是当我尝试在 WebAssembly 应用程序中打印出相同的成员时，它会产生5076 ...

装满 emscripten 时，图像是否会以某种方式“破碎”？

这是加载纹理的代码：

SDL_Surface *image = IMG_Load("resources/binaries/crate.jpg");
GLuint textureID;
glGenTextures(1, &textureID);
glBindTexture(GL_TEXTURE_2D, textureID);
std::cout << image->w << std::endl;
glTexImage2D(GL_TEXTURE_2D, 0, 3, 64, 64, 0, GL_RGB, GL_UNSIGNED_BYTE, image->pixels);

这是使用 Emscripten 构建 Web 应用程序的命令

emcc --bind -s USE_SDL=2 -s USE_SDL_IMAGE=2 -o webapp.js src/webapp.cpp --preload-file resources

我在启动 Web 应用程序时收到浏览器的错误消息是

webapp.js:9533 WebGL：INVALID_VALUE：texImage2D：宽度或高度超出范围

这是有道理的，因为图像的分辨率是如此疯狂......

4

1 回答 1

6

原来我必须--use-preload-plugins在执行 emcc 来创建预加载文件时使用。最后，命令如下所示：

emcc --bind -s USE_SDL=2 -s USE_SDL_IMAGE=2 -o webapp.js src/webapp.cpp --preload-file resources --use-preload-plugins
于 2017-06-15T13:59:11.880 回答