An open API service indexing awesome lists of open source software.

https://github.com/lwz7512/game-weaver-ide

All in one javascript game authoring environment
https://github.com/lwz7512/game-weaver-ide

developer-tools phaserjs tiled-map-editor web-game

Last synced: 3 months ago
JSON representation

All in one javascript game authoring environment

Awesome Lists containing this project

README

        

# Game Weaver

> The Best Coding Education Kit for kids through game challenges

Created @2022/08/16

## Recent Update

> The project has stopped the active development(without motivation), wish to come back at some day!

## Dev logs:

- Upgrade `@blueprintjs/core` to `^5.10.3` on 2024/06/08
- Upgrade `@blueprintjs/popover2` to `^2.1.5` on 2024/06/08
- Upgrade `typescript` to `^4.9.4` to enable `skipLibCheck` on 2024/06/09
- Upgrade `ts-node` to `^10.9.1` to enable `skipLibCheck` on 2024/06/09
- Install new package `cursor-effects` to achieve cursor following effect in code stage,
- And implement `fairyDustCursor` cursor effect on code result stage on 2024/06/08
- Upgrade `monaco-editor` to `^0.49.0` to eliminate the error: `getDocumentHighlights` not a function on 2024/06/09

## What it is:

```
Game Weaver is a lightweight web game development environment designed for beginners.It includes a built-in web view for previewing game results and a JavaScript code editor for implementing game logic. Additionally, it features a lightweight tile map editor for drawing and exporting tile maps that can be loaded in PhaserJS games. Last but not least, it also includes a rich set of game examples and source code for classic nostalgic games, providing coding beginners with an opportunity to dive in and get started.
```

## Who is this for:

- Coding beginners.
- Game development beginers.
- Anyone who want to try coding with an easy path.

## Main goals

- Programming cold start
- Coding with Javascript
- Game development fundamentals

## Main features

- HTML5(web) 2D game coding editor based on template(support phaserjs, pixijs) - v0.1;
- Game refresh with live preview - v0.1;
- PhaserJS-CE version game examples gallery - v0.1;
- Tilemap editor bisic for PhaserJS games - v0.2;

## Based on boilerplate

[Electron React Boilerplate](https://github.com/electron-react-boilerplate/electron-react-boilerplate)

## Main Building Bocks

- [ReactJS](https://reactjs.org/)
- [blueprintjs](https://blueprintjs.com/);
- [monaco-editor](https://microsoft.github.io/monaco-editor/);
- [Phaser CE](https://github.com/photonstorm/phaser-ce);
- [tailwindcss](https://tailwindcss.com/);
- [zustand](https://github.com/pmndrs/zustand);

## Version history

- V0.1 - Game code editor & examples module completion @2022/10/08
- V0.2 - Game map editor completion @2023/05/09
- V0.3 - Completion of Learning Page module @2023/09/15

## Roadmap:

### v0.1 basic modules

- main module setup
- code editor
- phaser game examples gallery
- ...

### v0.2 tile-editor basic

- tilemap editor
- single tilesheet only
- tilemap json(tiled compatible format) export

### v0.3 primary game creation workflow

- docs & tutorials ... --- v0.3 GW completion
- ...

## v0.4 challlenges first season - Whac-A-Mole

- 10 challenges

### v1.1 tile-editor plus

- sample game challenges ... --- v0.4 GW completion
- ...

### v1.2 classic 2D games 1st season

- paint using multiple tilesheet ... --- v0.3 GW completion
- ...

### v1.3 ...

- paint object layer ... --- v0.4 GW completion
- ...

## More...

## Credits

- Banner Image by Freepik