https://github.com/jtgi/perpetual
fc perpetual
https://github.com/jtgi/perpetual
Last synced: 4 months ago
JSON representation
fc perpetual
- Host: GitHub
- URL: https://github.com/jtgi/perpetual
- Owner: jtgi
- Created: 2024-02-25T08:05:05.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-28T22:25:34.000Z (over 2 years ago)
- Last Synced: 2024-09-04T21:01:58.616Z (almost 2 years ago)
- Language: JavaScript
- Size: 2.51 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-frames - Farcaster Perpetual
README
# Farcaster Perpetual
[Video Walkthrough](https://warpcast.com/jtgi/0x41b0c63d)
[Live Demo](https://warpcast.com/jtgi/0x571cd1e8)
**Summary**
- Create 4 images, one for the bg, one for second, minute, hour hands
- Align them all, make sure they're same size.
- Do some pi math to find how much to rotate them to current time.
- Generate the image n times and encode it into a gif.
- Save it and serve it.
## Files
```
/highlight – p5.js / highlight code to generate dynamic artwork
/* – standard remix.run application that renders frames
```
## Assets
- Modified from Rolex Explorer
- Background generated with Midjourney
## Development
From your terminal:
```sh
npm run dev
```
This starts your app in development mode, rebuilding assets on file changes.
## Deployment
First, build your app for production:
```sh
npm run build
```
Then run the app in production mode:
```sh
npm start
```
Now you'll need to pick a host to deploy it to.
### DIY
If you're familiar with deploying node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of `remix build`
- `build/`
- `public/build/`