How to Build Commander Keen in WebAssembly – Step by Step!

A deep dive follow-up to last week’s video on porting Commander Keen to WebAssembly.

I’ll go step by step on how to setup your dev environment and port Keen to run in the web browser.

Last week’s video:
https://youtu.be/H4GlVWbB3rY

Play Commander Keen online here:
https://www.jamesfmackenzie.com/chocolatekeen

Chapters:
00:00 Intro
00:26 Recap
00:44 Dev Environment Setup
01:08 Download Chocolate Keen
01:45 Install Linux Build Tools
02:10 Build for Linux
02:34 Run for Linux
02:56 Install Emscripten
04:15 Update Makefile
04:40 Fix SDL Build Failure
06:09 Run Keen for WebAssembly
06:26 Why Does the Code Freeze?
07:21 Fix the Freezing Issue with Asyncify
08:30 We Can’t Load Level Data
08:46 About Emscripten Packaging
09:07 Preloading Level Data
09:48 It Works!
10:48 Conclusion

source

by James Mackenzie

linux web server