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

Main Building Bocks

• ReactJS
• blueprintjs;
• monaco-editor;
• Phaser CE;
• tailwindcss;
• 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