https://github.com/emilwidlund/alma

An interactive playground for generative graphics. Combine nodes & logic into WebGL shaders - all through an intuitive no-code interface.
https://github.com/emilwidlund/alma

effects glsl graphics react shaders webgl

Last synced: 14 days ago
JSON representation

An interactive playground for generative graphics. Combine nodes & logic into WebGL shaders - all through an intuitive no-code interface.

• Host: GitHub
• URL: https://github.com/emilwidlund/alma
• Owner: emilwidlund
• Created: 2022-05-31T23:51:41.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-27T12:24:25.000Z (about 2 months ago)
• Last Synced: 2024-10-18T02:28:00.939Z (26 days ago)
• Topics: effects, glsl, graphics, react, shaders, webgl
• Language: TypeScript
• Homepage: https://alma.sh
• Size: 12.5 MB
• Stars: 774
• Watchers: 8
• Forks: 29
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Alma

![](static/cover.png)

Alma is an interactive playground for generative graphics. 

It comes with a unique node-based editor for WebGL experiences, and a layer-based renderer which can mix graph layers with raw GLSL-based layers.

Nominated for "Fun Side Project of the Year" at React Open Source Awards 2023.

[Open Playground](https://alma.sh)

![](static/alma.png)

## Packages

Alma is divided up into a bunch of different sub-packages:

### Graph

Core implementation of the Node graph implementation. This was the first implementation of what later became known as the [Nodl framework](https://github.com/emilwidlund/nodl).

### WebGL

The WebGL implementation of Alma. Contains the nodes and compiler which produces the final WebGL program.

### GLSL

A small package which helps with creating custom visual nodes from raw GLSL functions.

### Client

The web application which hosts the client.

### Renderer

Alma's internal renderer.