kousun12 / eternal

👾~ music, eternal ~ 👾

👾 welcome to the eternal 👾

~~ demo ~~

~~ writeup ~~

~~ node docs ~~

This project was created for gratuitous reasons; it serves an aesthetic that I appreciate, over a medium which I feel is appropriate for its expression.

Having spent a lot of time / mind in and around computers, my sense of aesthetics has something to do with not only the things-in-themselves, but their representations, specifically as information processes, i.e. programs. Seemingly complex phenomena which have succinct descriptions are especially beautiful to me. This project is one which allows one to describe audio/visual processes as programs, represented as a visual graph.

You can think of it as an extension of Sol LeWitt's process art in the sense that it's goal is to decompose art into procedural descriptions. Or you can think of it as an extension of Brian Eno's idea of "music as gardening" in the sense that it gives you a computational garden to tend to.

It's inspired by an abstract and pretty beautiful idea of a functional visual programming language, but importantly, it does not go all the way. It's less interested in a clean theoretical framework than it is in being a tool that is useful in exploring audio-visual interpretations of information processing. It's not strongly-typed nodes all the way down—though that'd be nice—but seemingly useful/interesting/general nodes some of the way down.

examples // myths

There are several example graphs that can be loaded from within the app itself. cmd|ctrl + e; you may need to zoom out to fit some graphs cmd + -:

nude, eternally

this is radiohead, forever. thom yorke eternally over EMaj7 - AMaj9 - G#m7. don't get any big ideas. an indeterminate, irreducible arpeggio, in 78 nodes.

desc

Demonstrates raw synths (sawtooth, sine, triangle), remote sound file loading, music chords, arpeggiators, transport time, raw fragment shaders in glsl.

in the gardens of eden

et in arcadia, eno. brian plants his seeds as he dreams of aristotle's prime mover. along the tides in C's of entropy, terry's decomposing soul fertilizes the lilies.

desc

Demonstrates musical scheduling and delays, raw fragment shaders in glsl.

platonic plague

manifold
to the realm of forms
man, i fold
to fidelity

desc

Demonstrates rendering geometries, material, mesh, lights, within a scene & post processing effects.

the music while the music lasts

i do not know much about gods; but i think that the river
is a strong brown god - sullen, untamed and intractable
i do not know much about the gods
but i bet they sing aloud in the silence of space

desc

Demonstrates music scale / chroma, RNN model, raw fragment shaders in glsl, uniform texture loading, MIDI device connections.

stephen wolfram

Stephen Wolfram is an operator that, when given a 1D cellular automata rule number [0-255] and a representation of the world, outputs the subsequent state of the world according to that rule. He will do this indefinitely and is, in fact, Earth's first eternal human.

desc

Demonstrates custom gpu kernels, recursive i/o, dom rendering

kolmogorov's inferno

It was preternaturally dark—

You know what it's like in the shipyards of Venice,
  how all winter workers boil the pitch
  to caulk and patch up their leaky ships

When storms keep them off the roughened seas:
  one hammers out a new boat, one plugs
  the cracked seams of an old sea-worn vessel,
One strikes the stern, another bangs on the prow,
  some make oars, others are braiding rope,
  another repairs the main, someone the lug sail;
Well, not with fire, but with immortal heat
  a thick pitch is boiling down there and sticks
  like glue to both banks of the river.

desc

Demonstrates GLSL Fragment Shader and post render effects

etc...

and so on, until the ends.

Development

This might smell in some ways like consumer software, but you should understand it as an art project. While I believe that there's a place for something like this (a node-based audio / visual creative tool in the browser), this has been made as an aesthetic exploration; I will support it out of personal interests, but I don't intend to support it for the general public.

This definitely isn't where I spend a lot of my time, but if you're really into this and want to help drive it with me part time, shoot me an email / dm.

yarn start

Runs the app in the development mode.
Connect to the dev server from your browser @ localhost:3000.

The page will reload if you make edits.

The most important general classes you need to understand the project structure are NodeBase, Graph, and AttributeType.

You will also see any lint errors in the console. The repo has eslint and flowtype integrated.

yarn build

Builds an optimized production static site to the build folder.

The build is minified and the filenames include the hashes

yarn deploy

gh-pages deploy script

eternal's Issues

Cool project

This is one of the coolest things I've ever seen on GitHub. Kudos and thanks for putting it out there.

Visual bug? - link between two nodes doesn't get erased after pressing backspace/delete

Hello 👋 really neat project! I really appreciate the fact that you can make a really complex audiovisual project with a simple, descriptive UI. As I was playing around with it, I noticed an interaction with the UI and was wondering if it was intentional?

Description
When I press backspace to disconnect two nodes, the changes in audio reflect immediately, whereas the UI seems to not update.
However, at the same time when pressing backspace the UI seems to be outdated as I would expect that the link would be erased to keep the UI in sync with the audio playback.

To reproduce
Click on a link between two nodes.

After pressing 'backspace', the UI appears like this:

As a user, I would expect that the link wouldn't be there in the UI anymore.
Although I did notice that upon moving the canvas or zooming in, the UI seems to have been updated and the link is gone.

Add a sample which uses both music and non-basic rendering

I believe that the samples either show how music can be generated or how shaders can be used to produce complex rendering.

I think it would be amazing if there was a sample that both outputs music and uses complex rendering (especially if it's in reaction to the music!)

This would make it easier to show other people what eternal is all about.

Update dependencies to current environment

Any chance you could update this project to run with current node -v v17.0.1 etc...?
I'd love to use this interface to build some creative projects.