https://github.com/tenpamk2/excalibur-examples

Excalibur.js examples.
https://github.com/tenpamk2/excalibur-examples

excaliburjs game javascript-game typescript

Last synced: about 1 month ago
JSON representation

Excalibur.js examples.

Host: GitHub
URL: https://github.com/tenpamk2/excalibur-examples
Owner: tenpaMk2
License: mit
Created: 2022-03-26T11:50:31.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-07-15T04:11:56.000Z (almost 2 years ago)
Last Synced: 2025-03-29T18:36:32.586Z (2 months ago)
Topics: excaliburjs, game, javascript-game, typescript
Language: TypeScript
Homepage:
Size: 4.4 MB
Stars: 8
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # excaliburjs-examples

This repository is collection of

[Excalibur.js](https://excaliburjs.com/)

examples.

## Breaking Changes Since 2023-07-15💥

- The repository is now a monorepo.

- The build environment was changed from Parcel to Vite.

## Get Started🚀

```shell

npm run {{foobar}}

```

See the `scripts` section in the `package.json` about `{{foobar}}` .

## Debug By VSCode🐛

If you want to set the break point on the VSCode,

~~See the my~~

~~[template](https://github.com/tenpaMk2/excalibur-parcel2-vscode-debuggable-template)~~

~~repository.~~

~~You need to copy `.vscode/launch.json` from my~~

~~[template](https://github.com/tenpaMk2/excalibur-parcel2-vscode-debuggable-template)~~

~~to each examples directory.~~

~~And open it by VSCode.~~

Use the following `launch.json` .

```json

{

  // Use IntelliSense to learn about possible attributes.

  // Hover to view descriptions of existing attributes.

  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387

  "version": "0.2.0",

  "configurations": [

    {

      "type": "chrome",

      "request": "launch",

      "name": "Launch Chrome against localhost",

      "url": "http://localhost:5173",

      "webRoot": "${workspaceFolder}/foobar-examples/foobar/"

    }

  ]

}

```

Change port number, `foobar-examples` , and `foobar` as appropriate.

You can confirm the port number by `npm run {{foobar}}` .

## API Examples🍏

These examples are for testing Excalibur.js API.

### bounce

![sample](./imgs/sample-bounce.png)

Example for `Physics` .

### click-reactions

![sample](./imgs/sample-click-reactions.png)

Example for `Actions` .

Credits are as follows.

| item (description) | author | URL                   |

| :----------------: | :----- | :-------------------- |

| character graphics | ぴぽや |  |

### detect-ground

![sample](./imgs/sample-detect-ground.png)

Example for detecting ground in some patterns.

| item (description) | author                       | URL                                                         |

| :----------------: | :--------------------------- | :---------------------------------------------------------- |

|   original idea    | excalibur discussions (erik) |  |

### event

Example for custom events.

### inputs

![sample](./imgs/sample-inputs.png)

Example for keyboard inputs.

See the sourcecode for controls.

### mass-physics

![sample](./imgs/sample-mass-physics.png)

Example for testing performance of `Physics` .

Credits are as follows.

| item (description) | author    | URL                      |

| :----------------: | :-------- | :----------------------- |

| character graphics | kenney.nl |  |

### scene-change

Example for scene-change.

### scroll-and-score-text

![sample](./imgs/sample-scroll-and-score.png)

Example for `ScreenElement` and `Camera` .

### slingshot

![sample](./imgs/sample-slingshot.png)

Demo for `Physics` .

Credits are as follows.

| item (description) | author    | URL                      |

| :----------------: | :-------- | :----------------------- |

|    box graphics    | kenney.nl |  |

### sound

Example for `Sound` .

Credits are as follows.

| item (description) | author    | URL                      |

| :----------------: | :-------- | :----------------------- |

|       sound        | kenney.nl |  |

### sprite-animations

![sample](./imgs/sample-sprite-animations.png)

Example for `Animations` .

Credits are as follows.

| item (description) | author | URL                   |

| :----------------: | :----- | :-------------------- |

| character graphics | ぴぽや |  |

## Game Examples🍎

These examples are simple games.

### alpha-adjust

![sample](./imgs/sample-alpha-adjust.png)

Just tap when you think the 2 images have same alpha❗

Credits are as follows.

| item (description) | author         | URL                                                    |

| :----------------: | :------------- | :----------------------------------------------------- |

|  mapchip graphics  | ぴぽや         |                                   |

| original examples  | digitsensitive |  |

### asteroid

![sample](./imgs/sample-asteroid.png)

Shoot and break the asteroids❗

|      control       | description            |

| :----------------: | :--------------------- |

|     tap center     | shoot and move forward |

| tap the right side | turn right             |

| tap the left side  | turn left              |

Credits are as follows.

| item (description) | author         | URL                                                    |

| :----------------: | :------------- | :----------------------------------------------------- |

| original examples  | digitsensitive |  |

### bowman

![sample](./imgs/sample-bowman.png)

Drag and drop to shoot the arrow❗

Credits are as follows.

|  item (description)   | author          | URL                                                       |

| :-------------------: | :-------------- | :-------------------------------------------------------- |

|    player graphic     | sylvius fischer |  |

| bow and arrow graphic | SCaydi          |           |

|     enemy graphic     | kenney.nl       |                                   |

### breakout

![sample](./imgs/sample-breakout.png)

Break the blocks❗

Move the mouse to move the bar.

Credits are as follows.

| item (description) | author      | URL                                            |

| :----------------: | :---------- | :--------------------------------------------- |

| original examples  | excaliburjs |  |

### clocks

![sample](./imgs/sample-clocks.png)

Tap when the hands of the clock face the next clock❗

Credits are as follows.

| item (description) | author         | URL                                                    |

| :----------------: | :------------- | :----------------------------------------------------- |

| original examples  | digitsensitive |  |

### doll-stamper

![sample](./imgs/sample-doll-stamper.png)

This is not game but application.

Adding 💗 to your uploaded cute dolls photographs❗

It is also an example of dynamic image uploading.

### dungeon-generator

![sample](./imgs/sample-dungeon-generator.png)

Random dungeon generator for rogue-like games❗

| item (description) | author    | URL                                     |

| :----------------: | :-------- | :-------------------------------------- |

|  mapchip graphics  | kenney.nl |  |

### lockon

![sample](./imgs/sample-lockon.png)

Tap and drag the enemy, release, and then fire a missile❗

### samegame

![sample](./imgs/sample-samegame.png)

Tap the same gems and try to clear all gems❗

Credits are as follows.

| item (description) | author          | URL                                         |

| :----------------: | :-------------- | :------------------------------------------ |

|    gem graphics    | Clint Bellanger |  |

### snake

![sample](./imgs/sample-snake.png)

Gather food and avoid walls and your own body❗

You can control the snake by tapping on edge of screen.

Credits are as follows.

| item (description) | author    | URL                      |

| :----------------: | :-------- | :----------------------- |

|      graphics      | kenney.nl |  |

### tilemap

![sample](./imgs/sample-tilemap.png)

Example of roguelike game.

It is also an example of `Tilemap` .

You can control the player by tapping on edge of screen.

Credits are as follows.

| item (description) | author    | URL                      |

| :----------------: | :-------- | :----------------------- |

|  mapchip graphics  | kenney.nl |  |

| character graphics | kenney.nl |  |

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/tenpamk2/excalibur-examples

Awesome Lists containing this project

README