https://github.com/zeokku/glsl.app

🌅 Modern WebGL GLSL Shaders Editor
https://github.com/zeokku/glsl.app

editor glsl shaders webgl

Last synced: about 2 months ago
JSON representation

🌅 Modern WebGL GLSL Shaders Editor

• Host: GitHub
• URL: https://github.com/zeokku/glsl.app
• Owner: zeokku
• Created: 2023-04-22T13:50:39.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-08T00:52:50.000Z (3 months ago)
• Last Synced: 2024-10-29T15:49:17.317Z (2 months ago)
• Topics: editor, glsl, shaders, webgl
• Language: Vue
• Homepage: https://glsl.app
• Size: 6.59 MB
• Stars: 128
• Watchers: 4
• Forks: 6
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - zeokku/glsl.app - 🌅 Modern WebGL GLSL Shaders Editor (Vue)
• awesome - zeokku/glsl.app - 🌅 Modern WebGL GLSL Shaders Editor (Vue)

README

        
# 🌅 [glsl.app](https://glsl.app)

⚡ Modern WebGL GLSL Shaders Editor, a powerful web application designed for developers and enthusiasts who want to create stunning graphics and effects.

⚡ You can write complex shaders with ease thanks to advanced **intellisense** and **autocompletion** features that help you write clean, efficient code quickly. It goes beyond the basics, also allowing you to **include other shaders** in your work for added **composability** and featuring a user-friendly interface for **tweaking values and colors**.

⚡ Powered by [Monaco Editor](https://github.com/microsoft/monaco-editor) and [ShaderFrog GLSL Parser](https://github.com/ShaderFrog/glsl-parser)

https://user-images.githubusercontent.com/22231294/233792664-0d6f1188-2c64-4990-a337-f1dca2889298.mp4

## 👍 Feedback

The tool is still in **beta**! If you encounter any bugs, feel free to open an issue.

## 📝 Contribution

Contributions are welcome, especially UI **translations**!

If you want to add a new language, please check [`/src/locales/`](https://github.com/zeokku/glsl.app/blob/main/frontend/src/locales/en.yaml) folder and use `en.yaml` as the base for your translation. It contains useful comments to help with the context.

But if you're in the mood to provide something big, make sure to start with checking out **[project updates board](https://github.com/orgs/zeokku/projects/2)**

## 🖥️ Local development

```sh

# clone a fork of glsl parser

git clone -b modern-package+maps --single-branch --depth 1 https://github.com/Lutymane/glsl-parser.git

# clone this repository

git clone https://github.com/zeokku/glsl.app.git

# enter parser folder and build it

cd glsl-parser

# install deps

pnpm i

# linux

./build.sh

# OR windows

./build.ps1

# enter app folder

cd ../glsl.app

# link parser package to our repo

pnpm link ../glsl-parser

# install app's dependencies

pnpm i

# generate GraphQL files with auto update

pnpm run gql-gen:watch

# run dev server (run the command in a separate terminal)

pnpm run dev

```

## ⭐ Stargazers over time

[![Stargazers over time](https://starchart.cc/zeokku/glsl.app.svg?variant=adaptive)](https://starchart.cc/zeokku/glsl.app)