emilwidlund/alma

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

TypeScript

898

179 commits

updated Sep 27, 2024

See the code

See what people are saying

README

Alma

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

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.

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.

effects
glsl
graphics
react
shaders
webgl

emilwidlund/alma

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

TypeScript

898

179 commits

updated Sep 27, 2024

See the code

See what people are saying

README

Alma

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

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.

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.

effects
glsl
graphics
react
shaders
webgl

Significant stargazers

Eric Zhang

3,249 followers · starred May 2023

mrdoob

25,624 followers · starred May 2023

Trevor Blades

298 followers · starred May 2023

Dmitry Ivakhnenko

185 followers · starred May 2024