https://github.com/triptych/web-game-component-engine
Web Game Component Engine
https://github.com/triptych/web-game-component-engine
Last synced: over 1 year ago
JSON representation
Web Game Component Engine
- Host: GitHub
- URL: https://github.com/triptych/web-game-component-engine
- Owner: triptych
- Created: 2024-10-12T17:39:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-02T17:12:44.000Z (over 1 year ago)
- Last Synced: 2025-02-09T20:29:22.329Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://wgce.puter.site/
- Size: 154 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Game Component Engine
A web-based 2D game component editor that allows users to create, edit, and manage game components in a grid-based layout.
## Features
- Drag and drop game components onto a grid
- Edit component properties using the inspector
- Save and load game layouts
- Rerender grid functionality for debugging
- Tabbed interface for component list and inspector
## Components
- Player
- Enemy
- Platform
- Coin
- Button
## Recent Updates
- Improved layout with toolbar at the top
- Added tabbed panel for component list and inspector
- Fixed issues with component rendering
- Added "Rerender Grid" functionality for debugging
## How to Use
1. Open the editor in a web browser
2. Drag components from the component list onto the grid
3. Click on placed components to edit their properties in the inspector
4. Use the toolbar buttons to save, load, or reset the game state
5. Use the "Rerender Grid" button if you encounter any rendering issues
## Development
To set up the project for development:
1. Clone the repository
2. Open the project folder in your preferred code editor
3. Use a local server to run the project (e.g., Live Server extension in VS Code)
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the [MIT License](LICENSE).