https://github.com/grischaerbe/theatre-continuous-keyframes

Testbed for Theatre.js' ability to continuously set keyframes for realtime recording
https://github.com/grischaerbe/theatre-continuous-keyframes

Last synced: 5 days ago
JSON representation

Testbed for Theatre.js' ability to continuously set keyframes for realtime recording

• Host: GitHub
• URL: https://github.com/grischaerbe/theatre-continuous-keyframes
• Owner: grischaerbe
• Created: 2023-08-14T23:43:12.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-14T23:51:21.000Z (about 1 year ago)
• Last Synced: 2024-10-11T00:11:56.953Z (26 days ago)
• Language: Svelte
• Size: 31.3 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Theatre.js Continuous Keyframes

This repository contains a testbed to experiment with Theatre.js' ability to continuously record keyframes.

Relevant files:

- /src/lib/components/Recorder.svelte

## Install

```bash

pnpm i

```

## Run

```bash

pnpm dev

```

## Usage

1. Open the app in a browser

2. Press "r" to start recording

- This will add a `studio.transaction` and advance the `sheet.sequence`

3. Press "r" again to stop recording

## Expected Behavior

The `sheet.sequence` should advance continuously while recording without hiccups. A keyframe should be added to the sequence every frame.

## Actual Behavior

The `sheet.sequence` does not advance continuously while recording. On a 2019 Macbook Pro 16", Google Chrome will throw these warnings:

```

[Violation] 'requestAnimationFrame' handler took 97ms

```

The hiccups eventually cause a complete standstill of the UI.