Нет описания

Daniel Sanchez a318cb650a zig fmt src/ 1 год назад
src a318cb650a zig fmt src/ 1 год назад
.gitignore 943daab775 Initial commit. 3 лет назад
README.md b458a9b429 Add link to daneelsan.github.io 3 лет назад
build.zig 943daab775 Initial commit. 3 лет назад
dodgeballz.gif 943daab775 Initial commit. 3 лет назад
game.wasm 943daab775 Initial commit. 3 лет назад
index.html 943daab775 Initial commit. 3 лет назад
script.js 943daab775 Initial commit. 3 лет назад
style.css 943daab775 Initial commit. 3 лет назад

README.md

DodgeBallz

Play the game at: https://daneelsan.github.io/Dodgeballz/

DodgeBalls implemented in zig (compiled to wasm-freestanding).

This mini game shows how Zig, WASM, Javascript and HTML5 canvas can interact.

In particular, there are lots of back and forth between imported and exported wasm functions. Among those imported functions are functions that draw things on a canvas, e.g. arc or strokeRect.

dodgeballz

Build

To build the wasm module, run:

$ zig build game -Drelease=true --verbose

$ ls game.*
game.o    game.wasm (7.2K)

Run

Start up the server in this repository's directory:

python3 -m http.server

Go to your favorite browser and type to the URL localhost:8000. You should see the checkboard changing colors.

TODOs

  • Find a better way to debug from the wasm module. I used a lot of console.log to debug, but given that we can only pass a limited set of types between JS and WASM (e.g. i32 or f32), this was tedious. Perhaps there is a way to write a zig Writer that writes into the console.

  • Of course, there are many improvements to the game. The score could be made to depend on the size of the enemy, the number of enemies could increase depending on the score achieved, etc.

Resources