ivanpopelyshev / playground

PIXI Playground

Home Page:https://pixiplayground.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PIXI Playground

The playground application is a server and client that allow you to create, view, save, and share small Pixi demos.

Usage:

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.

To Do:

Should Have (v1 or v2)

  • 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.

Nice to Have (v2+)

  • 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)

About

PIXI Playground

https://pixiplayground.com

License:MIT License


Languages

Language:TypeScript 68.9%Language:CSS 13.0%Language:JavaScript 11.8%Language:HTML 4.3%Language:Shell 2.1%