https://github.com/emptyflash/bitfolly

Bytebeat+bitfield inspired environment for livecoding visual art
https://github.com/emptyflash/bitfolly

bitfield bytebeat generative-art livecoding visual-art

Last synced: 2 days ago
JSON representation

Bytebeat+bitfield inspired environment for livecoding visual art

• Host: GitHub
• URL: https://github.com/emptyflash/bitfolly
• Owner: emptyflash
• License: other
• Created: 2022-12-02T17:50:12.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-02T15:04:58.000Z (over 1 year ago)
• Last Synced: 2023-08-02T16:24:50.552Z (over 1 year ago)
• Topics: bitfield, bytebeat, generative-art, livecoding, visual-art
• Language: JavaScript
• Homepage: https://emptyfla.sh/bitfolly
• Size: 2.84 MB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# bitfolly

Because these bits are acting unwise.

Bitfolly is a livecoding tool for creating visuals using bitwise operations,

inspired by [bytebeats](http://countercomplex.blogspot.com/2011/10/algorithmic-symphonies-from-one-line-of.html) and [bitfield patterns](https://twitter.com/aemkei/status/1378106731386040322).

## Usage and examples

Bitfolly programs are essentially a javascript shader that is compiled to run on the GPU by [gpu.js](https://github.com/gpujs/gpu.js)

Each program is run for every pixel on the screen. The coordinates for the current pixel can

be accessed via the `x` and `y` variables.

Additionally, there is a `t` variable that is constantly increasing, which can be used to

animated your creations.

Here's an example of a bitfolly program:

```javascript

(x&y^t/20)%100

```

To run a program in the editor, press "Ctrl-Enter" or click the ▶️ icon in the top right corner.

Most javascript expressions can be used, for example, the javascript ternary operator:

```javascript

(t%1000>500?x|y:x^y)%255

```

Or javascript `Math` functions:

```javascript

(x^y&Math.sin(t/300)*255)%255

```

Additional features include:

* audioreactivity via the `a` array, `at` audio-based incrementor

* feedback via the previous frame `p` texture.

```javascript

let p0 = p[x&y][y^x]

p0 *= 255

c[0] = Math.tan(x^y^at/3) + 0.96 * p0[0]

c[1] = Math.tan(x^y^at/5) + 0.96 * p0[1]

c[2] = Math.tan(x^y^at/7) + 0.96 * p0[2]

```

Vim mode can also be enabled by adding the `v=1` query param to the URL

## Using in Hydra

Import the global bundle and create a bitfolly object. To get the audio

reactive variables you need to pass it a function that returns Hydra's

`a.fft` array. Then just call the `update` function and initialize a

Hydra source with bitfolly's canvas.

``` javascript

await import("https://emptyfla.sh/bitfolly/bundle-global.js")

window.bitfolly = window.bitfolly || new Bitfolly(() => a.fft)

bitfolly.update("(x&y^t/30)%255")

s0.init({

    src: bitfolly.canvas

})

src(o0)

    .diff(osc(1, 1, 1)

        .modulate(src(s0), 10), .1)

    .modulateScale(src(s0), [.01, -.01].fast(.3).smooth())

    .modulateRotate(src(s0), [.02,-.02].fast(.7).smooth())

    .out()

```