https://github.com/chuanqisun/pixel-pusher-online
Turn Figma into MMORPG
https://github.com/chuanqisun/pixel-pusher-online
figma-plugin figma-widget game mmorpg pixel-art rpg
Last synced: 6 days ago
JSON representation
Turn Figma into MMORPG
- Host: GitHub
- URL: https://github.com/chuanqisun/pixel-pusher-online
- Owner: chuanqisun
- Created: 2022-08-05T02:55:18.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-08-24T21:38:58.000Z (over 2 years ago)
- Last Synced: 2025-03-29T15:04:39.052Z (about 1 month ago)
- Topics: figma-plugin, figma-widget, game, mmorpg, pixel-art, rpg
- Language: TypeScript
- Homepage: https://www.figma.com/community/widget/1142531655223087736/Pixel-Pusher-Online-(Beta)
- Size: 1.09 MB
- Stars: 21
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Roadmap: ROADMAP.md
Awesome Lists containing this project
README
# Pixel Pusher Online (Beta)
A free and open-source MMORPG inside Figma. Pick a character and explore fantasy worlds with your friends. Simply walk with W A S D or ↑ ← ↓ →. It's time to play!
Features include:
- 10 avatars
- 4 maps
- Custom nickname
- Chatroom
## Install
[]()
## Screenshot
## Under the hood
- The game is built with Figma's [Plugin](https://www.figma.com/plugin-docs/) and [Widget](https://www.figma.com/widget-docs/) API.
- The avatar animation is achieved with PNG sprite.
- The chat system stores messages inside each page and polls for update.
- The maps are built from existing tilesets and assembled using Figma.
- The control UI is a [web app](https://chuanqisun.github.io/pixel-pusher-online/) that sends commands to the Figma main app, built in [Preact](https://preactjs.com/).
## How to contribute
The project encourages learning and experimentation from new game designers and developers. You are welcome to submit your avatar or map design along with your social link. I'll try accommodate as many submissions as possible and provide feedback if improvement is needed.
### Avatar design requirement
- Dimension: 16 × 16
- Full color support
- Sprite
- 4-direction walk frames
- Idle frame (optional if walk frame includes idle state)
- Submit a PR with the following information
- Avatar name
- Your name (either real or artist name)
- Your social link (optional)
- Your preferred license (optional)
### Map design requirement
- Grid size: 16 × 16
- Full color support
- Dimension: up to you
- Submit a PR with the following information
- Spawn point(s): which row and column should players initially appear at?
- Map name
- Ideal number of players (this might be used in the future)
- Your name (either real or artist name)
- Your social link (optional)
- Your preferred license (optional)
### Issues, feature requests and feedback
- Please [file a GitHub issue](https://github.com/chuanqisun/pixel-pusher-online/issues/new).
### Development
- Open-source contribution is welcome but expect developer friction and long delay at this stage of the project.
- Bug-fixing PRs are welcome!
- If you want to build new features, please reference the [roadmap](https://github.com/chuanqisun/pixel-pusher-online/blob/master/ROADMAP.md). Since it is not prioritized yet, please file an issue first before picking up any items so we can disucss the plan.
- The dev environment is optimized for Linux. It should work on Mac and PC too but might require tweaking.
- Developer documentation is pending.
- I'll make a developer guide after we successfully wrap up the beta.
## Licenses and credits
- Source code: MIT
- Cover art is made from [javikolog](https://route1rodent.itch.io/)'s sprites, under [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) license.
- Screenshot is made from multiple assets
- Avatars from [javikolog](https://route1rodent.itch.io/)'s sprites, under [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) license.
- Map from [franopx](https://franopx.itch.io/)'s tileset, without license.
- Avatars and maps bear credits to a variety of artists whose names and licenses are listed in the game UI.
- Inspiration from [Interactive Figmaland](https://www.figma.com/community/file/1118658708951135857)
- My gratitude to the following individuals:
- [Jackie Chui](https://www.linkedin.com/in/jackiechui/) for technical advice
- [June Punkasem](https://junethanaon.com/) for design advice