The playground application is a server and client that allow you to create, view, save, and share small Pixi demos.
- Client code is in the client folder.
- Server code is in the server folder.
To run the application locally open two terminals, one to the client folder and one to the server folder.
In each of them run npm install
to install their individual dependencies. Then run npm run dev
for each to start
locally. Finally, visit http://localhost:8080. Details can be found in the respective READMEs.
- Add external js resources in settings dialog
- Add homepage and search results
- Show highly starred/trending playgrounds on homepage
- Also use official/features flags for homepage
- UI to star a playground
- Embed view that embeds just the preview with a link back
- Useful for blog/forums posts and such.
- Add github auth integration for login
- List your own playgrounds
- Consistent author field
- Import from gist functionality
- Multi-file support, as well as custom html/css
- Move logic/state out of views and use a pattern (reflux/redux, or something)
- Infinite loop detection (https://github.com/CodePen/InfiniteLoopBuster)
- Add some snippets for monaco, and enable command palette
- More editor settings (tabs, theme, etc)
- Data attachments like images, or json to power a demo.
- Different default demos for different versions
- Minify the JS that gets output (index.js & result.js)