englercj / playground Goto Github PK

View Code? Open in Web Editor NEW

32.0 6.0 10.0 1.36 MB

A fun and simple way to create and share PixiJS demos.

Home Page: https://pixiplayground.com

License: MIT License

Shell 2.01% JavaScript 9.80% TypeScript 72.68% EJS 3.30% Less 12.20%

playground's Introduction

PixiJS Playground

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

Client code is in the client folder.
Server code is in the server folder.

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)

Load all scripts at once in results, then only execute in order.
Data attachments like images, or json to power a demo.
Embed view that embeds just the preview with a link back
- Useful for blog/forums posts and such.
UI to star a playground
Add homepage and search results
- Show highly starred/trending playgrounds on homepage
- Also use official/features flags for homepage

Nice to Have (v2+)

Infinite loop detection (https://github.com/CodePen/InfiniteLoopBuster)
Add some snippets for monaco, and enable command palette
Different default demos for different versions
More editor settings (tabs, theme, etc)
Add github auth integration for login
- List your own playgrounds
- Consistent author field
- Import/Export from/to 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)

playground's People

Contributors

Stargazers

Watchers

Forkers

ivanpopelyshev bigtimebuddy exponenta jonlepage jo1118 jeremy-coleman mbrukman zhaoluuu codeurs2020 zyie

playground's Issues

ts used cdn failure

Pixijs-ts used by the playground:https://cdn.rawgit.com/pixijs/pixi-typescript/master/pixi.js.d.ts。Become inaccessible

custom timeout refresh plz

we need a custom timeout refresh please :)
it's a pain, the refreshment is too fast in some cases.

pixijs.download/dev/pixi-legacy.js/types/pixi.js.d.ts:1 Failed to load resource: the server

hi i don't know if it related to playground or pixi servor !
was worked 1 or 2 days ago, i change nothing, and today i open and i get this error.
So it maybe a very recent commit somewhere ?

step to reproduce.
Open a new play ground and add legacy link
https://pixijs.download/dev/pixi-legacy.js

Also The crash will broke projet thats need load external link.

thanks

Mobile version

Needs mobile version without code editor.
Because sometime needs testings on mobile, but editor hides viewport.

Automatic clone

Automatic clone when trying edit another's fiddle.

service down

The cdn used is bad

Hello,I am an Asian user using pixi playground.
We have noticed that the cloudfront used by pixi plaryground performs poorly in China. Opening a 282kb pixi.js file takes about 31 seconds to load, which caused a lot of trouble for our development. Thank you so much for the pixi playground, so great product, thank you for designing him, he is great!
Thank！

Store data in LocalStorageData

It would be great if you can add the Slug value or data to the LocalStorage.

I would like to make a little script to store and listing LocalStorageData in an excel vba sheets.
Easy way to view ,sort, preview a list without an account logging system.
I would have liked to add the feature by myself, but it's ts. :)

Can you tell me to deploy the playground in liunx?

Hi! I have an idea,Because http://www.pixiplayground.com. does not allow cross-domain, so many of my projects can not use pictures, this is a very headache. I think I can deploy pixi's playground in my liunx server. I don't know if it is allowed. How should I deploy it? I don't want to use npm run dev,but I want to actually deploy it on the server.

Scrolling on Mobile isn’t great

Follow up to @eXponenta recent mobile PR #13

Scrolling the code is a poor experience in iOS (and maybe others) because the default page overflow/scroll behavior. Would suggest not allowing the body to scroll and or using fixes to lock the whole view so that scrolling only happens in the code editor.