I’ve created a Playground based on @vuejs/repl that uses es6. It’s possible to toggle the CodeMirror editor, so it’s touch device friendly.
But at this stage it’s just a toy, there are still a lot of features that need to be developed, such as Babylon.js version selection, cdn selection, project export, and so on. Robustness also needs to be improved.
Scenario: Who wants to run Babylon.js code snippets, but currently only available for touch devices (e.g. Android phones). But Babylon.js Playground based on Monaco Editor which is not touch device friendly and the coding experience is very poor.
Q: Why did I create this program?
A: Every weekday, I have more than 2 hours of travel time from home to work and another 2 hours to get back, and during this time I only have my Android phone at my disposal. I felt that I was wasting nearly 5 hours of my day and needed to do something meaningful, such as practicing my ideas in code, which is where having a good code editor for your Android device is important. The program I’ve been using is:
- install a coding-friendly input method for Android, e.g. Coding keyboard or CodeBoard
- Install a code editor, e.g. Acode.
- After editing the code in Acode, copy and paste it into Playground to see the effect.
However, the above solution is very inefficient.
- GitHub Pages: Babylon.js Playground(ES)
- Source Repo: GitHub - gsw945/babylon-espg: Babylon.js Playground with esm support and mobile friendly
screenshots:
