Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/superhighfives/lysterfield-lake

Client for the Lysterfield Lake project.
https://github.com/superhighfives/lysterfield-lake

ai art creative-coding generative music

Last synced: about 2 months ago
JSON representation

Client for the Lysterfield Lake project.

Awesome Lists containing this project

README

        

# Lysterfield Lake (App)

Client for the Lysterfield Lake project.

🚨 **Please note:** 🚨 This was a passion project, provided purely as a resource for anyone looking to dive into aspects of how [Lysterfield Lake](https://lysterfieldlake.com/) was created. It is not a great representation of how to build a performant React app (or at least, I'm pretty sure it isn't).

> The pipeline for generating the visuals is available at [superhighfives/lysterfield-lake-pipeline](https://github.com/superhighfives/lysterfield-lake-pipeline)

✋ You can [learn more about how the project works here](https://medium.com/@superhighfives/lysterfield-lake-71345aa8c016).






## Getting started

You'll need to get the video files. These are available here:
https://drive.google.com/drive/folders/15I4ll5xXZZM9p2RhYRrsui7UqELMy4YG?usp=drive_link

Place them in the `dreams/` folder, so they should look like `dreams/20230808103741`, etc.

You'll also need to run `npm install`.

## Development

### `npm run dev`
Runs vite.

### `npm run dev-external`
Runs vite, allowing access on the network (important for testing accelerometer features, which require a https server to be running locally).

### `build`
Builds the app.

### `generate`
Generates the json file required for the dreams.

### `deploy`
Builds and deploys using rclone. You will need a `r2:lysterfield-lake` remote set up in your rclone config.