https://github.com/ttulka/2d-videogame-in-assemblyscript

Demo 2D videogame in AssemblyScript 🚀
https://github.com/ttulka/2d-videogame-in-assemblyscript

2d 2d-game assemblyscript video-game webassembly

Last synced: 4 months ago
JSON representation

Demo 2D videogame in AssemblyScript 🚀

• Host: GitHub
• URL: https://github.com/ttulka/2d-videogame-in-assemblyscript
• Owner: ttulka
• License: mit
• Created: 2021-06-27T17:04:07.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-21T19:04:01.000Z (over 3 years ago)
• Last Synced: 2024-08-05T06:01:28.461Z (6 months ago)
• Topics: 2d, 2d-game, assemblyscript, video-game, webassembly
• Language: TypeScript
• Homepage:
• Size: 921 KB
• Stars: 18
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-assemblyscript - ttulka/breadcrumb-lost - A 2d platformer game (Projects / Games)

README

        
# 2D Video Game in AssemblyScript

A small demo 2D video game running in a web browser powered by WebAssembly.

![Breadcrumb Lost](breadcrumb-lost_preview.gif)

*Disclaimer*: This was never intented to be a real game. The purpose is to demonstrate programming games from scratch in AssemblyScript. 

**📖 Read the whole [tutorial on my blog](https://blog.ttulka.com/2d-video-game-in-assemblyscript-tutorial).**

Check out alternative technical approaches:

- [Control of the game rendering loop within Wasm](https://github.com/ttulka/2d-videogame-in-assemblyscript/tree/requestAnimationFrame) ([blog post](https://blog.ttulka.com/animation-in-canvas-with-webassembly))

- [Automatic inlining of image assets](https://github.com/ttulka/2d-videogame-in-assemblyscript/tree/inliner)

- [Rendering and game controls in a text terminal](https://github.com/ttulka/2d-videogame-in-assemblyscript/tree/terminal-rendering)

## Build

### Install package

```sh

npm install

```

### Compile to WebAssembly

```sh

npm run asbuild:optimized -- --memoryBase 40000

```

## Run

```sh

npx ws -p 1234

```

Open `http://127.0.0.1:1234` in a web browser.

## Play

Play online at https://ttulka.github.io/breadcrumblost/

Desktop only.

### Breadcrumb Lost

It is easy for children to follow breadcrumbs to get back home. But what about the poor breadcrumbs?!

Help a lost breadcrumb find its way home without getting wet or eaten.

#### Controls

- **UP** jump

- **RIGHT** go right

- **LEFT** go left

## Develop

### Convert images to AssemblyScript byte arrays

```sh

node image2array.js assets/image.png > assembly/assets/image.ts

```

## Copyright

Assets taken from https://kenney.nl/assets/pixel-platformer