This is a web-based GLSL editor intended for future release on the newly founded UoL arcade project. There are many different web-based GLSL editors out there, but I've found that not many of them have a friendly interface. Most also don't support more advanced features, such as uploading your own models & textures. There needs to be some kind of web-based GLSL editor that quickly allows you to mock up some ideas you might have for a vert or frag shader. This is the aim of this project.
The project itself is built mainly with React, Redux and ThreeJS. Other libraries (such as Font Awesome) are used too.
You can try the demo out here.
To install, clone this repo and run npm install. You can then use start.bat (on Windows) or npm run start to start the editor in development mode.
No. I'm trying my best to think of one, but I really can't. 🤔
The current version is 0.4.0. The GLSL editor consists of a tabbed text-editor for vert & frag shaders. Shaders can be edited, compiled (with error feedback) and viewed in real-time. Furthermore, custom objects can be uploaded.
| Version | Date | Notes |
|---|---|---|
| 0.0.1 | 23/01/21 | Initial creation |
| 0.0.2 | 24/01/21 | Basic working shader editing. |
| 0.1.0 | 30/01/21 | Shader editing, error feedback, compilation status, side-bar and auto-rotate functions. |
| 0.2.0 | 10/02/21 | Loadable shader examples! |
| 0.3.0 | 10/02/21 | Loadable object examples! |
| 0.4.0 | 20/02/21 | Loadable .obj files |
| 0.4.1 | 05/02/22 | Found a new home under uol-arcade 🤎 |
Issues & suggestions can be made on the project board for this repository. You should find it under the Project tab of this repository. Alternatively, create a new issue under the Issues tab.