Compiling sprite.html

We can now compile our sprite WebAssembly app by using the emcc command. You will need the sprites folder from the Chapter02 folder on GitHub. After you have downloaded the sprites folder and placed it in your project's folder, you can compile the app with the following command:

emcc sprite_move.c --preload-file sprites -s USE_SDL=2 -s USE_SDL_IMAGE=2 -s SDL2_IMAGE_FORMATS=["png"] -o sprite_move.html

We are still using the --preload-file flag, however, this time we are passing in the sprites folder instead of the fonts folder. We will continue to use the -s USE_SDL=2 flag and will be adding the -s USE_SDL_IMAGE=2 flag, which will allow us to use images with SDL that are an alternative to the .bmp file format.

To tell SDL_IMAGE which file format to use, we pass in the png format using the following -s SDL2_IMAGE_FORMATS=["png"] flag: