Sprite animation (PNG / native SDL 3.3 / C)

Demo in the browser: https://8observer8.github.io/examples/sdl3/sprite-animation-native-png-sdl-3.3.4-c

EXE for Windows 10, 64-bit: sprite-animation-native-png-sdl-3.3.4-c-exe.zip

• Zip size: 1.12 MB
• Unzipped: 2.73 MB

---

File Sizes

WASM (built with Emscripten 4.0.15):

• index.html — 971 bytes
• app.js — 183 KB
• app.wasm — 809 MB
• Total: 994 KB

EXE (built with MinGW GCC 11.2):

• EXE — 81.1 KB
• SDL3.dll (v3.3.4) — 2.65 MB
• Assets (idle.png) — 8.3 KB
• Total: 2.73 MB

---

Tools to Build the EXE

• MinGW GCC 11.2 (zip - 178 MB, unzipped - 671 MB)
• SDL3-3.3.4-win32-x64.zip (zip - 1.09 MB, unzipped - 2.65 MB)
• SDL3-devel-3.3.4-mingw.zip (zip - 2.63 MB, unzipped - 9.42 MB)

---

Tools to Build WebAssembly

• Emscripten 4.0.15 (1.82 GB)
• SDL3-devel-3.3.4-wasm.zip (zip - 1.21 MB, unzipped - 5.2 MB)

---

How to Build EXE (Windows)

• Add MinGW GCC 11.2 bin folder to your PATH.
• Add SDL3-3.3.4-win32-x64.zip folder to your PATH.
• Configure paths in config-web.bat for your SDL3 libraries.
• From the project root, run:

config-exe
build-exe
run-exe

How to Build WebAssembly

1. Set up Emscripten 4.0.15 and Node.js
2. Install http-server globally:

npm i http-server -g

3. Configure paths in config-web.bat for your SDL3 libraries.
4. From the project root, run:

config-web
build-web
http-server -c-1

5. Open your browser and go to http://localhost:8080 to run the app locally.

Note: You can also run the WASM app on Android via Wi-Fi using http-server. After starting the server, it will show local URL addresses — just type one into your mobile browser.

This example uses a sprite sheet from the following the asset pack: https://pixelfrog-assets.itch.io/tiny-swords